<template>
  <div class="studyway">
    <el-row :gutter="25">
      <el-col :span="17">
        <div class="slideshow">
          <el-carousel :interval="4000" type="card" height="210px">
            <el-carousel-item v-for="item in imagebox" :key="item.id">
              <img :src="item.idView" />
            </el-carousel-item>
          </el-carousel>
        </div>
        <div class="way">
          <h1>方向</h1>
          <div class="b" v-for="(item, index) in List" :key="index">
            <el-button
              :class="{ b1: Index == index, b2: Index != index }"
              @click="Status(item, index)"
              ><span>{{ item.name }}</span></el-button
            >
          </div>
          <svg
            t="1650591736588"
            class="icons"
            viewBox="0 0 1024 1024"
            version="1.1"
            xmlns="http://www.w3.org/2000/svg"
            p-id="2152"
            width="80"
            height="80"
          >
            <path
              d="M170.666667 512a85.333333 85.333333 0 1 0 170.666666 0 85.333333 85.333333 0 1 0-170.666666 0Z"
              fill="#e6e6e6"
              p-id="2153"
            ></path>
            <path
              d="M426.666667 512a85.333333 85.333333 0 1 0 170.666666 0 85.333333 85.333333 0 1 0-170.666666 0Z"
              fill="#e6e6e6"
              p-id="2154"
            ></path>
            <path
              d="M682.666667 512a85.333333 85.333333 0 1 0 170.666666 0 85.333333 85.333333 0 1 0-170.666666 0Z"
              fill="#e6e6e6"
              p-id="2155"
            ></path>
          </svg>
          <ul v-show="Index == 0">
            <li>
              <img class="image1" src="../images/11.png" alt="" />
              <h1>Linux</h1>
              <span>热门指数</span>
              <h2>
                18,153<svg
                  t="1650034408940"
                  class="icon1"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="6027"
                  width="16"
                  height="16"
                >
                  <path
                    d="M786.295467 485.000533l-6.126934 2.082134v-18.295467h6.024534l0.1024 16.213333zM221.5424 485.239467h-8.9088l-0.085333-16.247467 8.994133-0.512v16.759467z"
                    fill="#1afa29"
                    p-id="6028"
                  ></path>
                  <path
                    d="M784.469333 480.290133L504.456533 178.978133a6.826667 6.826667 0 0 0-10.001066 0L214.459733 480.290133a6.826667 6.826667 0 0 0 5.922134 11.4176l158.1056-21.435733L358.4 853.333333v16.162134a6.826667 6.826667 0 0 0 6.826667 7.168h268.356266a6.826667 6.826667 0 0 0 6.826667-7.168l-0.119467-16.3328-19.848533-382.8736 158.122667 21.418666a6.826667 6.826667 0 0 0 5.922133-11.4176z"
                    fill="#1afa29"
                    p-id="6029"
                  ></path>
                  <path
                    d="M191.3344 734.6176l103.031467 72.789333 103.048533-72.789333a127.197867 127.197867 0 0 0-206.097067 0z"
                    fill="#1afa29"
                    p-id="6030"
                  ></path>
                  <path
                    d="M294.382933 681.984a127.010133 127.010133 0 0 1 103.048534 52.6336l-103.048534 72.789333-103.031466-72.789333a127.010133 127.010133 0 0 1 103.048533-52.6336m0-10.24a137.915733 137.915733 0 0 0-111.342933 56.849067 10.24 10.24 0 0 0 2.269866 14.2848l0.136534 0.1024L288.426667 815.786667a10.24 10.24 0 0 0 11.810133 0l103.031467-72.772267a10.24 10.24 0 0 0 2.4064-14.3872 137.915733 137.915733 0 0 0-111.342934-56.849067z"
                    fill="#1afa29"
                    p-id="6031"
                  ></path>
                  <path
                    d="M384.1536 444.142933h1.5872l-20.48 409.6h268.2368l-20.48-409.6"
                    fill="#1afa29"
                    p-id="6032"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l20.48-409.6 5.239467 0.256v-6.826667h1.5872a6.826667 6.826667 0 0 1 6.826666 7.168l-20.1216 402.432H626.346667l-20.1216-402.432 13.653333-0.682666 20.48 409.6a6.826667 6.826667 0 0 1-6.826667 7.168z"
                    fill="#1afa29"
                    p-id="6033"
                  ></path>
                  <path
                    d="M613.0176 446.276267l166.365867 22.545066L499.387733 167.509333 219.374933 468.821333l164.778667-22.545066"
                    fill="#1afa29"
                    p-id="6034"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l19.968-399.240533-158.122667 21.435733a6.826667 6.826667 0 0 1-5.922133-11.4176L494.370133 162.8672a6.826667 6.826667 0 0 1 10.001067 0L784.384 464.213333a6.826667 6.826667 0 0 1-5.922133 11.4176l-158.122667-21.418666L640.3072 853.333333a6.826667 6.826667 0 0 1-6.826667 7.168z m-261.12-13.653333H626.346667L606.3104 446.634667a6.826667 6.826667 0 0 1 7.7312-7.099734l147.3536 19.950934L499.370667 177.493333 237.3632 459.485867l147.3536-19.968a6.826667 6.826667 0 0 1 7.7312 7.099733z"
                    fill="#1afa29"
                    p-id="6035"
                  ></path>
                  <path
                    d="M557.3632 617.5744l149.5552 105.659733 149.572267-105.659733a184.644267 184.644267 0 0 0-299.1616 0z"
                    fill="#1afa29"
                    p-id="6036"
                  ></path>
                  <path
                    d="M706.935467 541.184a184.32 184.32 0 0 1 149.572266 76.3904l-149.572266 105.659733-149.5552-105.659733a184.32 184.32 0 0 1 149.572266-76.3904m0-10.24a194.56 194.56 0 0 0-157.866666 80.622933 10.24 10.24 0 0 0 2.184533 14.2336l0.221867 0.1536 149.5552 105.659734a10.24 10.24 0 0 0 11.810133 0l149.5552-105.642667a10.24 10.24 0 0 0 2.4064-14.3872 194.56 194.56 0 0 0-157.866667-80.622933z"
                    fill="#1afa29"
                    p-id="6037"
                  ></path>
                </svg>
              </h2>
              <button>
                <svg
                  t="1650034292952"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="4963"
                  width="16"
                  height="16"
                >
                  <path
                    d="M484.112 32.864C234.224 32.864 32 208.736 32 425.744c0 133.104 77.28 251.52 193.92 323.76v121.68c0 16.416 11.52 26.304 24.72 26.304a30.624 30.624 0 0 0 13.152-3.312l123.264-82.176c31.248 6.576 62.496 8.256 95.376 8.256 249.84 0 452.016-175.92 452.016-392.88 1.68-218.64-200.496-394.56-450.384-394.56z m0 721.632c-27.984 0-55.92-3.312-83.856-8.256l-13.152-3.264a33.936 33.936 0 0 0-24.672 4.944l-11.52 8.16-59.136 39.504v-64.128c0-11.52-6.576-23.04-16.464-27.936l-16.416-9.84c-101.952-60.864-162.72-161.136-162.72-266.304 0-180.816 172.608-327.12 386.256-327.12 213.744 0 386.304 146.304 386.304 327.12 1.68 179.136-172.56 327.12-384.624 327.12z m-256.464-317.28a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m205.488 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m198.912 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m311.376 84.96c-0.96-1.248-2.016-2.4-3.024-3.648a376.896 376.896 0 0 1-29.856 77.28c0.48 1.2 1.2 2.304 1.68 3.504 8.64 19.776 13.296 41.184 13.296 63.456 0 59.136-34.176 115.488-91.44 149.616l-9.216 5.568a17.856 17.856 0 0 0-9.264 15.696v36l-33.216-22.176-6.48-4.608c-4.608-2.736-9.216-3.696-13.824-2.736l-7.392 1.824a244.944 244.944 0 0 1-151.104-18.24c-30.72 7.2-62.592 11.664-95.424 13.248 51.408 44.304 122.16 71.664 200.352 71.664 20.688 0 40.32-1.008 60-5.136l77.616 51.744a19.296 19.296 0 0 0 8.16 2.064c8.352 0 15.6-6.24 15.6-16.56v-76.56c73.44-45.552 122.064-120 122.064-203.808 0-51.168-17.856-98.736-48.528-138.24z"
                    fill="#256efb"
                    p-id="4964"
                  ></path>
                </svg>
                <h3>围观讨论</h3>
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
              </button>
            </li>
            <li>
              <img class="image1" src="../images/20.png" alt="" />
              <h1>Flink</h1>
              <span>热门指数</span>
              <h2>
                18,153<svg
                  t="1650034408940"
                  class="icon1"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="6027"
                  width="16"
                  height="16"
                >
                  <path
                    d="M786.295467 485.000533l-6.126934 2.082134v-18.295467h6.024534l0.1024 16.213333zM221.5424 485.239467h-8.9088l-0.085333-16.247467 8.994133-0.512v16.759467z"
                    fill="#1afa29"
                    p-id="6028"
                  ></path>
                  <path
                    d="M784.469333 480.290133L504.456533 178.978133a6.826667 6.826667 0 0 0-10.001066 0L214.459733 480.290133a6.826667 6.826667 0 0 0 5.922134 11.4176l158.1056-21.435733L358.4 853.333333v16.162134a6.826667 6.826667 0 0 0 6.826667 7.168h268.356266a6.826667 6.826667 0 0 0 6.826667-7.168l-0.119467-16.3328-19.848533-382.8736 158.122667 21.418666a6.826667 6.826667 0 0 0 5.922133-11.4176z"
                    fill="#1afa29"
                    p-id="6029"
                  ></path>
                  <path
                    d="M191.3344 734.6176l103.031467 72.789333 103.048533-72.789333a127.197867 127.197867 0 0 0-206.097067 0z"
                    fill="#1afa29"
                    p-id="6030"
                  ></path>
                  <path
                    d="M294.382933 681.984a127.010133 127.010133 0 0 1 103.048534 52.6336l-103.048534 72.789333-103.031466-72.789333a127.010133 127.010133 0 0 1 103.048533-52.6336m0-10.24a137.915733 137.915733 0 0 0-111.342933 56.849067 10.24 10.24 0 0 0 2.269866 14.2848l0.136534 0.1024L288.426667 815.786667a10.24 10.24 0 0 0 11.810133 0l103.031467-72.772267a10.24 10.24 0 0 0 2.4064-14.3872 137.915733 137.915733 0 0 0-111.342934-56.849067z"
                    fill="#1afa29"
                    p-id="6031"
                  ></path>
                  <path
                    d="M384.1536 444.142933h1.5872l-20.48 409.6h268.2368l-20.48-409.6"
                    fill="#1afa29"
                    p-id="6032"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l20.48-409.6 5.239467 0.256v-6.826667h1.5872a6.826667 6.826667 0 0 1 6.826666 7.168l-20.1216 402.432H626.346667l-20.1216-402.432 13.653333-0.682666 20.48 409.6a6.826667 6.826667 0 0 1-6.826667 7.168z"
                    fill="#1afa29"
                    p-id="6033"
                  ></path>
                  <path
                    d="M613.0176 446.276267l166.365867 22.545066L499.387733 167.509333 219.374933 468.821333l164.778667-22.545066"
                    fill="#1afa29"
                    p-id="6034"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l19.968-399.240533-158.122667 21.435733a6.826667 6.826667 0 0 1-5.922133-11.4176L494.370133 162.8672a6.826667 6.826667 0 0 1 10.001067 0L784.384 464.213333a6.826667 6.826667 0 0 1-5.922133 11.4176l-158.122667-21.418666L640.3072 853.333333a6.826667 6.826667 0 0 1-6.826667 7.168z m-261.12-13.653333H626.346667L606.3104 446.634667a6.826667 6.826667 0 0 1 7.7312-7.099734l147.3536 19.950934L499.370667 177.493333 237.3632 459.485867l147.3536-19.968a6.826667 6.826667 0 0 1 7.7312 7.099733z"
                    fill="#1afa29"
                    p-id="6035"
                  ></path>
                  <path
                    d="M557.3632 617.5744l149.5552 105.659733 149.572267-105.659733a184.644267 184.644267 0 0 0-299.1616 0z"
                    fill="#1afa29"
                    p-id="6036"
                  ></path>
                  <path
                    d="M706.935467 541.184a184.32 184.32 0 0 1 149.572266 76.3904l-149.572266 105.659733-149.5552-105.659733a184.32 184.32 0 0 1 149.572266-76.3904m0-10.24a194.56 194.56 0 0 0-157.866666 80.622933 10.24 10.24 0 0 0 2.184533 14.2336l0.221867 0.1536 149.5552 105.659734a10.24 10.24 0 0 0 11.810133 0l149.5552-105.642667a10.24 10.24 0 0 0 2.4064-14.3872 194.56 194.56 0 0 0-157.866667-80.622933z"
                    fill="#1afa29"
                    p-id="6037"
                  ></path>
                </svg>
              </h2>
              <button>
                <svg
                  t="1650034292952"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="4963"
                  width="16"
                  height="16"
                >
                  <path
                    d="M484.112 32.864C234.224 32.864 32 208.736 32 425.744c0 133.104 77.28 251.52 193.92 323.76v121.68c0 16.416 11.52 26.304 24.72 26.304a30.624 30.624 0 0 0 13.152-3.312l123.264-82.176c31.248 6.576 62.496 8.256 95.376 8.256 249.84 0 452.016-175.92 452.016-392.88 1.68-218.64-200.496-394.56-450.384-394.56z m0 721.632c-27.984 0-55.92-3.312-83.856-8.256l-13.152-3.264a33.936 33.936 0 0 0-24.672 4.944l-11.52 8.16-59.136 39.504v-64.128c0-11.52-6.576-23.04-16.464-27.936l-16.416-9.84c-101.952-60.864-162.72-161.136-162.72-266.304 0-180.816 172.608-327.12 386.256-327.12 213.744 0 386.304 146.304 386.304 327.12 1.68 179.136-172.56 327.12-384.624 327.12z m-256.464-317.28a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m205.488 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m198.912 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m311.376 84.96c-0.96-1.248-2.016-2.4-3.024-3.648a376.896 376.896 0 0 1-29.856 77.28c0.48 1.2 1.2 2.304 1.68 3.504 8.64 19.776 13.296 41.184 13.296 63.456 0 59.136-34.176 115.488-91.44 149.616l-9.216 5.568a17.856 17.856 0 0 0-9.264 15.696v36l-33.216-22.176-6.48-4.608c-4.608-2.736-9.216-3.696-13.824-2.736l-7.392 1.824a244.944 244.944 0 0 1-151.104-18.24c-30.72 7.2-62.592 11.664-95.424 13.248 51.408 44.304 122.16 71.664 200.352 71.664 20.688 0 40.32-1.008 60-5.136l77.616 51.744a19.296 19.296 0 0 0 8.16 2.064c8.352 0 15.6-6.24 15.6-16.56v-76.56c73.44-45.552 122.064-120 122.064-203.808 0-51.168-17.856-98.736-48.528-138.24z"
                    fill="#256efb"
                    p-id="4964"
                  ></path>
                </svg>
                <h3>围观讨论</h3>
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
              </button>
            </li>
            <li>
              <img class="image1" src="../images/5.png" alt="" />
              <h1>Java</h1>
              <span>热门指数</span>
              <h2>
                25,567<svg
                  t="1650034408940"
                  class="icon1"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="6027"
                  width="16"
                  height="16"
                >
                  <path
                    d="M786.295467 485.000533l-6.126934 2.082134v-18.295467h6.024534l0.1024 16.213333zM221.5424 485.239467h-8.9088l-0.085333-16.247467 8.994133-0.512v16.759467z"
                    fill="#1afa29"
                    p-id="6028"
                  ></path>
                  <path
                    d="M784.469333 480.290133L504.456533 178.978133a6.826667 6.826667 0 0 0-10.001066 0L214.459733 480.290133a6.826667 6.826667 0 0 0 5.922134 11.4176l158.1056-21.435733L358.4 853.333333v16.162134a6.826667 6.826667 0 0 0 6.826667 7.168h268.356266a6.826667 6.826667 0 0 0 6.826667-7.168l-0.119467-16.3328-19.848533-382.8736 158.122667 21.418666a6.826667 6.826667 0 0 0 5.922133-11.4176z"
                    fill="#1afa29"
                    p-id="6029"
                  ></path>
                  <path
                    d="M191.3344 734.6176l103.031467 72.789333 103.048533-72.789333a127.197867 127.197867 0 0 0-206.097067 0z"
                    fill="#1afa29"
                    p-id="6030"
                  ></path>
                  <path
                    d="M294.382933 681.984a127.010133 127.010133 0 0 1 103.048534 52.6336l-103.048534 72.789333-103.031466-72.789333a127.010133 127.010133 0 0 1 103.048533-52.6336m0-10.24a137.915733 137.915733 0 0 0-111.342933 56.849067 10.24 10.24 0 0 0 2.269866 14.2848l0.136534 0.1024L288.426667 815.786667a10.24 10.24 0 0 0 11.810133 0l103.031467-72.772267a10.24 10.24 0 0 0 2.4064-14.3872 137.915733 137.915733 0 0 0-111.342934-56.849067z"
                    fill="#1afa29"
                    p-id="6031"
                  ></path>
                  <path
                    d="M384.1536 444.142933h1.5872l-20.48 409.6h268.2368l-20.48-409.6"
                    fill="#1afa29"
                    p-id="6032"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l20.48-409.6 5.239467 0.256v-6.826667h1.5872a6.826667 6.826667 0 0 1 6.826666 7.168l-20.1216 402.432H626.346667l-20.1216-402.432 13.653333-0.682666 20.48 409.6a6.826667 6.826667 0 0 1-6.826667 7.168z"
                    fill="#1afa29"
                    p-id="6033"
                  ></path>
                  <path
                    d="M613.0176 446.276267l166.365867 22.545066L499.387733 167.509333 219.374933 468.821333l164.778667-22.545066"
                    fill="#1afa29"
                    p-id="6034"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l19.968-399.240533-158.122667 21.435733a6.826667 6.826667 0 0 1-5.922133-11.4176L494.370133 162.8672a6.826667 6.826667 0 0 1 10.001067 0L784.384 464.213333a6.826667 6.826667 0 0 1-5.922133 11.4176l-158.122667-21.418666L640.3072 853.333333a6.826667 6.826667 0 0 1-6.826667 7.168z m-261.12-13.653333H626.346667L606.3104 446.634667a6.826667 6.826667 0 0 1 7.7312-7.099734l147.3536 19.950934L499.370667 177.493333 237.3632 459.485867l147.3536-19.968a6.826667 6.826667 0 0 1 7.7312 7.099733z"
                    fill="#1afa29"
                    p-id="6035"
                  ></path>
                  <path
                    d="M557.3632 617.5744l149.5552 105.659733 149.572267-105.659733a184.644267 184.644267 0 0 0-299.1616 0z"
                    fill="#1afa29"
                    p-id="6036"
                  ></path>
                  <path
                    d="M706.935467 541.184a184.32 184.32 0 0 1 149.572266 76.3904l-149.572266 105.659733-149.5552-105.659733a184.32 184.32 0 0 1 149.572266-76.3904m0-10.24a194.56 194.56 0 0 0-157.866666 80.622933 10.24 10.24 0 0 0 2.184533 14.2336l0.221867 0.1536 149.5552 105.659734a10.24 10.24 0 0 0 11.810133 0l149.5552-105.642667a10.24 10.24 0 0 0 2.4064-14.3872 194.56 194.56 0 0 0-157.866667-80.622933z"
                    fill="#1afa29"
                    p-id="6037"
                  ></path>
                </svg>
              </h2>
              <button>
                <svg
                  t="1650034292952"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="4963"
                  width="16"
                  height="16"
                >
                  <path
                    d="M484.112 32.864C234.224 32.864 32 208.736 32 425.744c0 133.104 77.28 251.52 193.92 323.76v121.68c0 16.416 11.52 26.304 24.72 26.304a30.624 30.624 0 0 0 13.152-3.312l123.264-82.176c31.248 6.576 62.496 8.256 95.376 8.256 249.84 0 452.016-175.92 452.016-392.88 1.68-218.64-200.496-394.56-450.384-394.56z m0 721.632c-27.984 0-55.92-3.312-83.856-8.256l-13.152-3.264a33.936 33.936 0 0 0-24.672 4.944l-11.52 8.16-59.136 39.504v-64.128c0-11.52-6.576-23.04-16.464-27.936l-16.416-9.84c-101.952-60.864-162.72-161.136-162.72-266.304 0-180.816 172.608-327.12 386.256-327.12 213.744 0 386.304 146.304 386.304 327.12 1.68 179.136-172.56 327.12-384.624 327.12z m-256.464-317.28a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m205.488 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m198.912 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m311.376 84.96c-0.96-1.248-2.016-2.4-3.024-3.648a376.896 376.896 0 0 1-29.856 77.28c0.48 1.2 1.2 2.304 1.68 3.504 8.64 19.776 13.296 41.184 13.296 63.456 0 59.136-34.176 115.488-91.44 149.616l-9.216 5.568a17.856 17.856 0 0 0-9.264 15.696v36l-33.216-22.176-6.48-4.608c-4.608-2.736-9.216-3.696-13.824-2.736l-7.392 1.824a244.944 244.944 0 0 1-151.104-18.24c-30.72 7.2-62.592 11.664-95.424 13.248 51.408 44.304 122.16 71.664 200.352 71.664 20.688 0 40.32-1.008 60-5.136l77.616 51.744a19.296 19.296 0 0 0 8.16 2.064c8.352 0 15.6-6.24 15.6-16.56v-76.56c73.44-45.552 122.064-120 122.064-203.808 0-51.168-17.856-98.736-48.528-138.24z"
                    fill="#256efb"
                    p-id="4964"
                  ></path>
                </svg>
                <h3>围观讨论</h3>
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
              </button>
            </li>
            <li>
              <img class="image1" src="../images/21.png" alt="" />
              <h1>Redis</h1>
              <span>热门指数</span>
              <h2>
                20,107<svg
                  t="1650034408940"
                  class="icon1"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="6027"
                  width="16"
                  height="16"
                >
                  <path
                    d="M786.295467 485.000533l-6.126934 2.082134v-18.295467h6.024534l0.1024 16.213333zM221.5424 485.239467h-8.9088l-0.085333-16.247467 8.994133-0.512v16.759467z"
                    fill="#1afa29"
                    p-id="6028"
                  ></path>
                  <path
                    d="M784.469333 480.290133L504.456533 178.978133a6.826667 6.826667 0 0 0-10.001066 0L214.459733 480.290133a6.826667 6.826667 0 0 0 5.922134 11.4176l158.1056-21.435733L358.4 853.333333v16.162134a6.826667 6.826667 0 0 0 6.826667 7.168h268.356266a6.826667 6.826667 0 0 0 6.826667-7.168l-0.119467-16.3328-19.848533-382.8736 158.122667 21.418666a6.826667 6.826667 0 0 0 5.922133-11.4176z"
                    fill="#1afa29"
                    p-id="6029"
                  ></path>
                  <path
                    d="M191.3344 734.6176l103.031467 72.789333 103.048533-72.789333a127.197867 127.197867 0 0 0-206.097067 0z"
                    fill="#1afa29"
                    p-id="6030"
                  ></path>
                  <path
                    d="M294.382933 681.984a127.010133 127.010133 0 0 1 103.048534 52.6336l-103.048534 72.789333-103.031466-72.789333a127.010133 127.010133 0 0 1 103.048533-52.6336m0-10.24a137.915733 137.915733 0 0 0-111.342933 56.849067 10.24 10.24 0 0 0 2.269866 14.2848l0.136534 0.1024L288.426667 815.786667a10.24 10.24 0 0 0 11.810133 0l103.031467-72.772267a10.24 10.24 0 0 0 2.4064-14.3872 137.915733 137.915733 0 0 0-111.342934-56.849067z"
                    fill="#1afa29"
                    p-id="6031"
                  ></path>
                  <path
                    d="M384.1536 444.142933h1.5872l-20.48 409.6h268.2368l-20.48-409.6"
                    fill="#1afa29"
                    p-id="6032"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l20.48-409.6 5.239467 0.256v-6.826667h1.5872a6.826667 6.826667 0 0 1 6.826666 7.168l-20.1216 402.432H626.346667l-20.1216-402.432 13.653333-0.682666 20.48 409.6a6.826667 6.826667 0 0 1-6.826667 7.168z"
                    fill="#1afa29"
                    p-id="6033"
                  ></path>
                  <path
                    d="M613.0176 446.276267l166.365867 22.545066L499.387733 167.509333 219.374933 468.821333l164.778667-22.545066"
                    fill="#1afa29"
                    p-id="6034"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l19.968-399.240533-158.122667 21.435733a6.826667 6.826667 0 0 1-5.922133-11.4176L494.370133 162.8672a6.826667 6.826667 0 0 1 10.001067 0L784.384 464.213333a6.826667 6.826667 0 0 1-5.922133 11.4176l-158.122667-21.418666L640.3072 853.333333a6.826667 6.826667 0 0 1-6.826667 7.168z m-261.12-13.653333H626.346667L606.3104 446.634667a6.826667 6.826667 0 0 1 7.7312-7.099734l147.3536 19.950934L499.370667 177.493333 237.3632 459.485867l147.3536-19.968a6.826667 6.826667 0 0 1 7.7312 7.099733z"
                    fill="#1afa29"
                    p-id="6035"
                  ></path>
                  <path
                    d="M557.3632 617.5744l149.5552 105.659733 149.572267-105.659733a184.644267 184.644267 0 0 0-299.1616 0z"
                    fill="#1afa29"
                    p-id="6036"
                  ></path>
                  <path
                    d="M706.935467 541.184a184.32 184.32 0 0 1 149.572266 76.3904l-149.572266 105.659733-149.5552-105.659733a184.32 184.32 0 0 1 149.572266-76.3904m0-10.24a194.56 194.56 0 0 0-157.866666 80.622933 10.24 10.24 0 0 0 2.184533 14.2336l0.221867 0.1536 149.5552 105.659734a10.24 10.24 0 0 0 11.810133 0l149.5552-105.642667a10.24 10.24 0 0 0 2.4064-14.3872 194.56 194.56 0 0 0-157.866667-80.622933z"
                    fill="#1afa29"
                    p-id="6037"
                  ></path>
                </svg>
              </h2>
              <button>
                <svg
                  t="1650034292952"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="4963"
                  width="16"
                  height="16"
                >
                  <path
                    d="M484.112 32.864C234.224 32.864 32 208.736 32 425.744c0 133.104 77.28 251.52 193.92 323.76v121.68c0 16.416 11.52 26.304 24.72 26.304a30.624 30.624 0 0 0 13.152-3.312l123.264-82.176c31.248 6.576 62.496 8.256 95.376 8.256 249.84 0 452.016-175.92 452.016-392.88 1.68-218.64-200.496-394.56-450.384-394.56z m0 721.632c-27.984 0-55.92-3.312-83.856-8.256l-13.152-3.264a33.936 33.936 0 0 0-24.672 4.944l-11.52 8.16-59.136 39.504v-64.128c0-11.52-6.576-23.04-16.464-27.936l-16.416-9.84c-101.952-60.864-162.72-161.136-162.72-266.304 0-180.816 172.608-327.12 386.256-327.12 213.744 0 386.304 146.304 386.304 327.12 1.68 179.136-172.56 327.12-384.624 327.12z m-256.464-317.28a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m205.488 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m198.912 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m311.376 84.96c-0.96-1.248-2.016-2.4-3.024-3.648a376.896 376.896 0 0 1-29.856 77.28c0.48 1.2 1.2 2.304 1.68 3.504 8.64 19.776 13.296 41.184 13.296 63.456 0 59.136-34.176 115.488-91.44 149.616l-9.216 5.568a17.856 17.856 0 0 0-9.264 15.696v36l-33.216-22.176-6.48-4.608c-4.608-2.736-9.216-3.696-13.824-2.736l-7.392 1.824a244.944 244.944 0 0 1-151.104-18.24c-30.72 7.2-62.592 11.664-95.424 13.248 51.408 44.304 122.16 71.664 200.352 71.664 20.688 0 40.32-1.008 60-5.136l77.616 51.744a19.296 19.296 0 0 0 8.16 2.064c8.352 0 15.6-6.24 15.6-16.56v-76.56c73.44-45.552 122.064-120 122.064-203.808 0-51.168-17.856-98.736-48.528-138.24z"
                    fill="#256efb"
                    p-id="4964"
                  ></path>
                </svg>
                <h3>围观讨论</h3>
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
              </button>
            </li>
            <li>
              <img class="image1" src="../images/12.png" alt="" />
              <h1>PHP</h1>
              <span>热门指数</span>
              <h2>
                12,527<svg
                  t="1650034408940"
                  class="icon1"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="6027"
                  width="16"
                  height="16"
                >
                  <path
                    d="M786.295467 485.000533l-6.126934 2.082134v-18.295467h6.024534l0.1024 16.213333zM221.5424 485.239467h-8.9088l-0.085333-16.247467 8.994133-0.512v16.759467z"
                    fill="#1afa29"
                    p-id="6028"
                  ></path>
                  <path
                    d="M784.469333 480.290133L504.456533 178.978133a6.826667 6.826667 0 0 0-10.001066 0L214.459733 480.290133a6.826667 6.826667 0 0 0 5.922134 11.4176l158.1056-21.435733L358.4 853.333333v16.162134a6.826667 6.826667 0 0 0 6.826667 7.168h268.356266a6.826667 6.826667 0 0 0 6.826667-7.168l-0.119467-16.3328-19.848533-382.8736 158.122667 21.418666a6.826667 6.826667 0 0 0 5.922133-11.4176z"
                    fill="#1afa29"
                    p-id="6029"
                  ></path>
                  <path
                    d="M191.3344 734.6176l103.031467 72.789333 103.048533-72.789333a127.197867 127.197867 0 0 0-206.097067 0z"
                    fill="#1afa29"
                    p-id="6030"
                  ></path>
                  <path
                    d="M294.382933 681.984a127.010133 127.010133 0 0 1 103.048534 52.6336l-103.048534 72.789333-103.031466-72.789333a127.010133 127.010133 0 0 1 103.048533-52.6336m0-10.24a137.915733 137.915733 0 0 0-111.342933 56.849067 10.24 10.24 0 0 0 2.269866 14.2848l0.136534 0.1024L288.426667 815.786667a10.24 10.24 0 0 0 11.810133 0l103.031467-72.772267a10.24 10.24 0 0 0 2.4064-14.3872 137.915733 137.915733 0 0 0-111.342934-56.849067z"
                    fill="#1afa29"
                    p-id="6031"
                  ></path>
                  <path
                    d="M384.1536 444.142933h1.5872l-20.48 409.6h268.2368l-20.48-409.6"
                    fill="#1afa29"
                    p-id="6032"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l20.48-409.6 5.239467 0.256v-6.826667h1.5872a6.826667 6.826667 0 0 1 6.826666 7.168l-20.1216 402.432H626.346667l-20.1216-402.432 13.653333-0.682666 20.48 409.6a6.826667 6.826667 0 0 1-6.826667 7.168z"
                    fill="#1afa29"
                    p-id="6033"
                  ></path>
                  <path
                    d="M613.0176 446.276267l166.365867 22.545066L499.387733 167.509333 219.374933 468.821333l164.778667-22.545066"
                    fill="#1afa29"
                    p-id="6034"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l19.968-399.240533-158.122667 21.435733a6.826667 6.826667 0 0 1-5.922133-11.4176L494.370133 162.8672a6.826667 6.826667 0 0 1 10.001067 0L784.384 464.213333a6.826667 6.826667 0 0 1-5.922133 11.4176l-158.122667-21.418666L640.3072 853.333333a6.826667 6.826667 0 0 1-6.826667 7.168z m-261.12-13.653333H626.346667L606.3104 446.634667a6.826667 6.826667 0 0 1 7.7312-7.099734l147.3536 19.950934L499.370667 177.493333 237.3632 459.485867l147.3536-19.968a6.826667 6.826667 0 0 1 7.7312 7.099733z"
                    fill="#1afa29"
                    p-id="6035"
                  ></path>
                  <path
                    d="M557.3632 617.5744l149.5552 105.659733 149.572267-105.659733a184.644267 184.644267 0 0 0-299.1616 0z"
                    fill="#1afa29"
                    p-id="6036"
                  ></path>
                  <path
                    d="M706.935467 541.184a184.32 184.32 0 0 1 149.572266 76.3904l-149.572266 105.659733-149.5552-105.659733a184.32 184.32 0 0 1 149.572266-76.3904m0-10.24a194.56 194.56 0 0 0-157.866666 80.622933 10.24 10.24 0 0 0 2.184533 14.2336l0.221867 0.1536 149.5552 105.659734a10.24 10.24 0 0 0 11.810133 0l149.5552-105.642667a10.24 10.24 0 0 0 2.4064-14.3872 194.56 194.56 0 0 0-157.866667-80.622933z"
                    fill="#1afa29"
                    p-id="6037"
                  ></path>
                </svg>
              </h2>
              <button>
                <svg
                  t="1650034292952"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="4963"
                  width="16"
                  height="16"
                >
                  <path
                    d="M484.112 32.864C234.224 32.864 32 208.736 32 425.744c0 133.104 77.28 251.52 193.92 323.76v121.68c0 16.416 11.52 26.304 24.72 26.304a30.624 30.624 0 0 0 13.152-3.312l123.264-82.176c31.248 6.576 62.496 8.256 95.376 8.256 249.84 0 452.016-175.92 452.016-392.88 1.68-218.64-200.496-394.56-450.384-394.56z m0 721.632c-27.984 0-55.92-3.312-83.856-8.256l-13.152-3.264a33.936 33.936 0 0 0-24.672 4.944l-11.52 8.16-59.136 39.504v-64.128c0-11.52-6.576-23.04-16.464-27.936l-16.416-9.84c-101.952-60.864-162.72-161.136-162.72-266.304 0-180.816 172.608-327.12 386.256-327.12 213.744 0 386.304 146.304 386.304 327.12 1.68 179.136-172.56 327.12-384.624 327.12z m-256.464-317.28a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m205.488 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m198.912 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m311.376 84.96c-0.96-1.248-2.016-2.4-3.024-3.648a376.896 376.896 0 0 1-29.856 77.28c0.48 1.2 1.2 2.304 1.68 3.504 8.64 19.776 13.296 41.184 13.296 63.456 0 59.136-34.176 115.488-91.44 149.616l-9.216 5.568a17.856 17.856 0 0 0-9.264 15.696v36l-33.216-22.176-6.48-4.608c-4.608-2.736-9.216-3.696-13.824-2.736l-7.392 1.824a244.944 244.944 0 0 1-151.104-18.24c-30.72 7.2-62.592 11.664-95.424 13.248 51.408 44.304 122.16 71.664 200.352 71.664 20.688 0 40.32-1.008 60-5.136l77.616 51.744a19.296 19.296 0 0 0 8.16 2.064c8.352 0 15.6-6.24 15.6-16.56v-76.56c73.44-45.552 122.064-120 122.064-203.808 0-51.168-17.856-98.736-48.528-138.24z"
                    fill="#256efb"
                    p-id="4964"
                  ></path>
                </svg>
                <h3>围观讨论</h3>
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
              </button>
            </li>
            <li>
              <img class="image1" src="../images/13.png" alt="" />
              <h1>MySQL</h1>
              <span>热门指数</span>
              <h2>
                10,191<svg
                  t="1650034408940"
                  class="icon1"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="6027"
                  width="16"
                  height="16"
                >
                  <path
                    d="M786.295467 485.000533l-6.126934 2.082134v-18.295467h6.024534l0.1024 16.213333zM221.5424 485.239467h-8.9088l-0.085333-16.247467 8.994133-0.512v16.759467z"
                    fill="#1afa29"
                    p-id="6028"
                  ></path>
                  <path
                    d="M784.469333 480.290133L504.456533 178.978133a6.826667 6.826667 0 0 0-10.001066 0L214.459733 480.290133a6.826667 6.826667 0 0 0 5.922134 11.4176l158.1056-21.435733L358.4 853.333333v16.162134a6.826667 6.826667 0 0 0 6.826667 7.168h268.356266a6.826667 6.826667 0 0 0 6.826667-7.168l-0.119467-16.3328-19.848533-382.8736 158.122667 21.418666a6.826667 6.826667 0 0 0 5.922133-11.4176z"
                    fill="#1afa29"
                    p-id="6029"
                  ></path>
                  <path
                    d="M191.3344 734.6176l103.031467 72.789333 103.048533-72.789333a127.197867 127.197867 0 0 0-206.097067 0z"
                    fill="#1afa29"
                    p-id="6030"
                  ></path>
                  <path
                    d="M294.382933 681.984a127.010133 127.010133 0 0 1 103.048534 52.6336l-103.048534 72.789333-103.031466-72.789333a127.010133 127.010133 0 0 1 103.048533-52.6336m0-10.24a137.915733 137.915733 0 0 0-111.342933 56.849067 10.24 10.24 0 0 0 2.269866 14.2848l0.136534 0.1024L288.426667 815.786667a10.24 10.24 0 0 0 11.810133 0l103.031467-72.772267a10.24 10.24 0 0 0 2.4064-14.3872 137.915733 137.915733 0 0 0-111.342934-56.849067z"
                    fill="#1afa29"
                    p-id="6031"
                  ></path>
                  <path
                    d="M384.1536 444.142933h1.5872l-20.48 409.6h268.2368l-20.48-409.6"
                    fill="#1afa29"
                    p-id="6032"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l20.48-409.6 5.239467 0.256v-6.826667h1.5872a6.826667 6.826667 0 0 1 6.826666 7.168l-20.1216 402.432H626.346667l-20.1216-402.432 13.653333-0.682666 20.48 409.6a6.826667 6.826667 0 0 1-6.826667 7.168z"
                    fill="#1afa29"
                    p-id="6033"
                  ></path>
                  <path
                    d="M613.0176 446.276267l166.365867 22.545066L499.387733 167.509333 219.374933 468.821333l164.778667-22.545066"
                    fill="#1afa29"
                    p-id="6034"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l19.968-399.240533-158.122667 21.435733a6.826667 6.826667 0 0 1-5.922133-11.4176L494.370133 162.8672a6.826667 6.826667 0 0 1 10.001067 0L784.384 464.213333a6.826667 6.826667 0 0 1-5.922133 11.4176l-158.122667-21.418666L640.3072 853.333333a6.826667 6.826667 0 0 1-6.826667 7.168z m-261.12-13.653333H626.346667L606.3104 446.634667a6.826667 6.826667 0 0 1 7.7312-7.099734l147.3536 19.950934L499.370667 177.493333 237.3632 459.485867l147.3536-19.968a6.826667 6.826667 0 0 1 7.7312 7.099733z"
                    fill="#1afa29"
                    p-id="6035"
                  ></path>
                  <path
                    d="M557.3632 617.5744l149.5552 105.659733 149.572267-105.659733a184.644267 184.644267 0 0 0-299.1616 0z"
                    fill="#1afa29"
                    p-id="6036"
                  ></path>
                  <path
                    d="M706.935467 541.184a184.32 184.32 0 0 1 149.572266 76.3904l-149.572266 105.659733-149.5552-105.659733a184.32 184.32 0 0 1 149.572266-76.3904m0-10.24a194.56 194.56 0 0 0-157.866666 80.622933 10.24 10.24 0 0 0 2.184533 14.2336l0.221867 0.1536 149.5552 105.659734a10.24 10.24 0 0 0 11.810133 0l149.5552-105.642667a10.24 10.24 0 0 0 2.4064-14.3872 194.56 194.56 0 0 0-157.866667-80.622933z"
                    fill="#1afa29"
                    p-id="6037"
                  ></path>
                </svg>
              </h2>
              <button>
                <svg
                  t="1650034292952"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="4963"
                  width="16"
                  height="16"
                >
                  <path
                    d="M484.112 32.864C234.224 32.864 32 208.736 32 425.744c0 133.104 77.28 251.52 193.92 323.76v121.68c0 16.416 11.52 26.304 24.72 26.304a30.624 30.624 0 0 0 13.152-3.312l123.264-82.176c31.248 6.576 62.496 8.256 95.376 8.256 249.84 0 452.016-175.92 452.016-392.88 1.68-218.64-200.496-394.56-450.384-394.56z m0 721.632c-27.984 0-55.92-3.312-83.856-8.256l-13.152-3.264a33.936 33.936 0 0 0-24.672 4.944l-11.52 8.16-59.136 39.504v-64.128c0-11.52-6.576-23.04-16.464-27.936l-16.416-9.84c-101.952-60.864-162.72-161.136-162.72-266.304 0-180.816 172.608-327.12 386.256-327.12 213.744 0 386.304 146.304 386.304 327.12 1.68 179.136-172.56 327.12-384.624 327.12z m-256.464-317.28a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m205.488 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m198.912 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m311.376 84.96c-0.96-1.248-2.016-2.4-3.024-3.648a376.896 376.896 0 0 1-29.856 77.28c0.48 1.2 1.2 2.304 1.68 3.504 8.64 19.776 13.296 41.184 13.296 63.456 0 59.136-34.176 115.488-91.44 149.616l-9.216 5.568a17.856 17.856 0 0 0-9.264 15.696v36l-33.216-22.176-6.48-4.608c-4.608-2.736-9.216-3.696-13.824-2.736l-7.392 1.824a244.944 244.944 0 0 1-151.104-18.24c-30.72 7.2-62.592 11.664-95.424 13.248 51.408 44.304 122.16 71.664 200.352 71.664 20.688 0 40.32-1.008 60-5.136l77.616 51.744a19.296 19.296 0 0 0 8.16 2.064c8.352 0 15.6-6.24 15.6-16.56v-76.56c73.44-45.552 122.064-120 122.064-203.808 0-51.168-17.856-98.736-48.528-138.24z"
                    fill="#256efb"
                    p-id="4964"
                  ></path>
                </svg>
                <h3>围观讨论</h3>
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
              </button>
            </li>
            <li>
              <img class="image1" src="../images/6.png" alt="" />
              <h1>JavaScript</h1>
              <span>热门指数</span>
              <h2>
                20,107<svg
                  t="1650034408940"
                  class="icon1"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="6027"
                  width="16"
                  height="16"
                >
                  <path
                    d="M786.295467 485.000533l-6.126934 2.082134v-18.295467h6.024534l0.1024 16.213333zM221.5424 485.239467h-8.9088l-0.085333-16.247467 8.994133-0.512v16.759467z"
                    fill="#1afa29"
                    p-id="6028"
                  ></path>
                  <path
                    d="M784.469333 480.290133L504.456533 178.978133a6.826667 6.826667 0 0 0-10.001066 0L214.459733 480.290133a6.826667 6.826667 0 0 0 5.922134 11.4176l158.1056-21.435733L358.4 853.333333v16.162134a6.826667 6.826667 0 0 0 6.826667 7.168h268.356266a6.826667 6.826667 0 0 0 6.826667-7.168l-0.119467-16.3328-19.848533-382.8736 158.122667 21.418666a6.826667 6.826667 0 0 0 5.922133-11.4176z"
                    fill="#1afa29"
                    p-id="6029"
                  ></path>
                  <path
                    d="M191.3344 734.6176l103.031467 72.789333 103.048533-72.789333a127.197867 127.197867 0 0 0-206.097067 0z"
                    fill="#1afa29"
                    p-id="6030"
                  ></path>
                  <path
                    d="M294.382933 681.984a127.010133 127.010133 0 0 1 103.048534 52.6336l-103.048534 72.789333-103.031466-72.789333a127.010133 127.010133 0 0 1 103.048533-52.6336m0-10.24a137.915733 137.915733 0 0 0-111.342933 56.849067 10.24 10.24 0 0 0 2.269866 14.2848l0.136534 0.1024L288.426667 815.786667a10.24 10.24 0 0 0 11.810133 0l103.031467-72.772267a10.24 10.24 0 0 0 2.4064-14.3872 137.915733 137.915733 0 0 0-111.342934-56.849067z"
                    fill="#1afa29"
                    p-id="6031"
                  ></path>
                  <path
                    d="M384.1536 444.142933h1.5872l-20.48 409.6h268.2368l-20.48-409.6"
                    fill="#1afa29"
                    p-id="6032"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l20.48-409.6 5.239467 0.256v-6.826667h1.5872a6.826667 6.826667 0 0 1 6.826666 7.168l-20.1216 402.432H626.346667l-20.1216-402.432 13.653333-0.682666 20.48 409.6a6.826667 6.826667 0 0 1-6.826667 7.168z"
                    fill="#1afa29"
                    p-id="6033"
                  ></path>
                  <path
                    d="M613.0176 446.276267l166.365867 22.545066L499.387733 167.509333 219.374933 468.821333l164.778667-22.545066"
                    fill="#1afa29"
                    p-id="6034"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l19.968-399.240533-158.122667 21.435733a6.826667 6.826667 0 0 1-5.922133-11.4176L494.370133 162.8672a6.826667 6.826667 0 0 1 10.001067 0L784.384 464.213333a6.826667 6.826667 0 0 1-5.922133 11.4176l-158.122667-21.418666L640.3072 853.333333a6.826667 6.826667 0 0 1-6.826667 7.168z m-261.12-13.653333H626.346667L606.3104 446.634667a6.826667 6.826667 0 0 1 7.7312-7.099734l147.3536 19.950934L499.370667 177.493333 237.3632 459.485867l147.3536-19.968a6.826667 6.826667 0 0 1 7.7312 7.099733z"
                    fill="#1afa29"
                    p-id="6035"
                  ></path>
                  <path
                    d="M557.3632 617.5744l149.5552 105.659733 149.572267-105.659733a184.644267 184.644267 0 0 0-299.1616 0z"
                    fill="#1afa29"
                    p-id="6036"
                  ></path>
                  <path
                    d="M706.935467 541.184a184.32 184.32 0 0 1 149.572266 76.3904l-149.572266 105.659733-149.5552-105.659733a184.32 184.32 0 0 1 149.572266-76.3904m0-10.24a194.56 194.56 0 0 0-157.866666 80.622933 10.24 10.24 0 0 0 2.184533 14.2336l0.221867 0.1536 149.5552 105.659734a10.24 10.24 0 0 0 11.810133 0l149.5552-105.642667a10.24 10.24 0 0 0 2.4064-14.3872 194.56 194.56 0 0 0-157.866667-80.622933z"
                    fill="#1afa29"
                    p-id="6037"
                  ></path>
                </svg>
              </h2>
              <button>
                <svg
                  t="1650034292952"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="4963"
                  width="16"
                  height="16"
                >
                  <path
                    d="M484.112 32.864C234.224 32.864 32 208.736 32 425.744c0 133.104 77.28 251.52 193.92 323.76v121.68c0 16.416 11.52 26.304 24.72 26.304a30.624 30.624 0 0 0 13.152-3.312l123.264-82.176c31.248 6.576 62.496 8.256 95.376 8.256 249.84 0 452.016-175.92 452.016-392.88 1.68-218.64-200.496-394.56-450.384-394.56z m0 721.632c-27.984 0-55.92-3.312-83.856-8.256l-13.152-3.264a33.936 33.936 0 0 0-24.672 4.944l-11.52 8.16-59.136 39.504v-64.128c0-11.52-6.576-23.04-16.464-27.936l-16.416-9.84c-101.952-60.864-162.72-161.136-162.72-266.304 0-180.816 172.608-327.12 386.256-327.12 213.744 0 386.304 146.304 386.304 327.12 1.68 179.136-172.56 327.12-384.624 327.12z m-256.464-317.28a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m205.488 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m198.912 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m311.376 84.96c-0.96-1.248-2.016-2.4-3.024-3.648a376.896 376.896 0 0 1-29.856 77.28c0.48 1.2 1.2 2.304 1.68 3.504 8.64 19.776 13.296 41.184 13.296 63.456 0 59.136-34.176 115.488-91.44 149.616l-9.216 5.568a17.856 17.856 0 0 0-9.264 15.696v36l-33.216-22.176-6.48-4.608c-4.608-2.736-9.216-3.696-13.824-2.736l-7.392 1.824a244.944 244.944 0 0 1-151.104-18.24c-30.72 7.2-62.592 11.664-95.424 13.248 51.408 44.304 122.16 71.664 200.352 71.664 20.688 0 40.32-1.008 60-5.136l77.616 51.744a19.296 19.296 0 0 0 8.16 2.064c8.352 0 15.6-6.24 15.6-16.56v-76.56c73.44-45.552 122.064-120 122.064-203.808 0-51.168-17.856-98.736-48.528-138.24z"
                    fill="#256efb"
                    p-id="4964"
                  ></path>
                </svg>
                <h3>围观讨论</h3>
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
              </button>
            </li>
            <li>
              <img class="image1" src="../images/4.png" alt="" />
              <h1>CSS</h1>
              <span>热门指数</span>
              <h2>
                10,191<svg
                  t="1650034408940"
                  class="icon1"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="6027"
                  width="16"
                  height="16"
                >
                  <path
                    d="M786.295467 485.000533l-6.126934 2.082134v-18.295467h6.024534l0.1024 16.213333zM221.5424 485.239467h-8.9088l-0.085333-16.247467 8.994133-0.512v16.759467z"
                    fill="#1afa29"
                    p-id="6028"
                  ></path>
                  <path
                    d="M784.469333 480.290133L504.456533 178.978133a6.826667 6.826667 0 0 0-10.001066 0L214.459733 480.290133a6.826667 6.826667 0 0 0 5.922134 11.4176l158.1056-21.435733L358.4 853.333333v16.162134a6.826667 6.826667 0 0 0 6.826667 7.168h268.356266a6.826667 6.826667 0 0 0 6.826667-7.168l-0.119467-16.3328-19.848533-382.8736 158.122667 21.418666a6.826667 6.826667 0 0 0 5.922133-11.4176z"
                    fill="#1afa29"
                    p-id="6029"
                  ></path>
                  <path
                    d="M191.3344 734.6176l103.031467 72.789333 103.048533-72.789333a127.197867 127.197867 0 0 0-206.097067 0z"
                    fill="#1afa29"
                    p-id="6030"
                  ></path>
                  <path
                    d="M294.382933 681.984a127.010133 127.010133 0 0 1 103.048534 52.6336l-103.048534 72.789333-103.031466-72.789333a127.010133 127.010133 0 0 1 103.048533-52.6336m0-10.24a137.915733 137.915733 0 0 0-111.342933 56.849067 10.24 10.24 0 0 0 2.269866 14.2848l0.136534 0.1024L288.426667 815.786667a10.24 10.24 0 0 0 11.810133 0l103.031467-72.772267a10.24 10.24 0 0 0 2.4064-14.3872 137.915733 137.915733 0 0 0-111.342934-56.849067z"
                    fill="#1afa29"
                    p-id="6031"
                  ></path>
                  <path
                    d="M384.1536 444.142933h1.5872l-20.48 409.6h268.2368l-20.48-409.6"
                    fill="#1afa29"
                    p-id="6032"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l20.48-409.6 5.239467 0.256v-6.826667h1.5872a6.826667 6.826667 0 0 1 6.826666 7.168l-20.1216 402.432H626.346667l-20.1216-402.432 13.653333-0.682666 20.48 409.6a6.826667 6.826667 0 0 1-6.826667 7.168z"
                    fill="#1afa29"
                    p-id="6033"
                  ></path>
                  <path
                    d="M613.0176 446.276267l166.365867 22.545066L499.387733 167.509333 219.374933 468.821333l164.778667-22.545066"
                    fill="#1afa29"
                    p-id="6034"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l19.968-399.240533-158.122667 21.435733a6.826667 6.826667 0 0 1-5.922133-11.4176L494.370133 162.8672a6.826667 6.826667 0 0 1 10.001067 0L784.384 464.213333a6.826667 6.826667 0 0 1-5.922133 11.4176l-158.122667-21.418666L640.3072 853.333333a6.826667 6.826667 0 0 1-6.826667 7.168z m-261.12-13.653333H626.346667L606.3104 446.634667a6.826667 6.826667 0 0 1 7.7312-7.099734l147.3536 19.950934L499.370667 177.493333 237.3632 459.485867l147.3536-19.968a6.826667 6.826667 0 0 1 7.7312 7.099733z"
                    fill="#1afa29"
                    p-id="6035"
                  ></path>
                  <path
                    d="M557.3632 617.5744l149.5552 105.659733 149.572267-105.659733a184.644267 184.644267 0 0 0-299.1616 0z"
                    fill="#1afa29"
                    p-id="6036"
                  ></path>
                  <path
                    d="M706.935467 541.184a184.32 184.32 0 0 1 149.572266 76.3904l-149.572266 105.659733-149.5552-105.659733a184.32 184.32 0 0 1 149.572266-76.3904m0-10.24a194.56 194.56 0 0 0-157.866666 80.622933 10.24 10.24 0 0 0 2.184533 14.2336l0.221867 0.1536 149.5552 105.659734a10.24 10.24 0 0 0 11.810133 0l149.5552-105.642667a10.24 10.24 0 0 0 2.4064-14.3872 194.56 194.56 0 0 0-157.866667-80.622933z"
                    fill="#1afa29"
                    p-id="6037"
                  ></path>
                </svg>
              </h2>
              <button>
                <svg
                  t="1650034292952"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="4963"
                  width="16"
                  height="16"
                >
                  <path
                    d="M484.112 32.864C234.224 32.864 32 208.736 32 425.744c0 133.104 77.28 251.52 193.92 323.76v121.68c0 16.416 11.52 26.304 24.72 26.304a30.624 30.624 0 0 0 13.152-3.312l123.264-82.176c31.248 6.576 62.496 8.256 95.376 8.256 249.84 0 452.016-175.92 452.016-392.88 1.68-218.64-200.496-394.56-450.384-394.56z m0 721.632c-27.984 0-55.92-3.312-83.856-8.256l-13.152-3.264a33.936 33.936 0 0 0-24.672 4.944l-11.52 8.16-59.136 39.504v-64.128c0-11.52-6.576-23.04-16.464-27.936l-16.416-9.84c-101.952-60.864-162.72-161.136-162.72-266.304 0-180.816 172.608-327.12 386.256-327.12 213.744 0 386.304 146.304 386.304 327.12 1.68 179.136-172.56 327.12-384.624 327.12z m-256.464-317.28a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m205.488 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m198.912 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m311.376 84.96c-0.96-1.248-2.016-2.4-3.024-3.648a376.896 376.896 0 0 1-29.856 77.28c0.48 1.2 1.2 2.304 1.68 3.504 8.64 19.776 13.296 41.184 13.296 63.456 0 59.136-34.176 115.488-91.44 149.616l-9.216 5.568a17.856 17.856 0 0 0-9.264 15.696v36l-33.216-22.176-6.48-4.608c-4.608-2.736-9.216-3.696-13.824-2.736l-7.392 1.824a244.944 244.944 0 0 1-151.104-18.24c-30.72 7.2-62.592 11.664-95.424 13.248 51.408 44.304 122.16 71.664 200.352 71.664 20.688 0 40.32-1.008 60-5.136l77.616 51.744a19.296 19.296 0 0 0 8.16 2.064c8.352 0 15.6-6.24 15.6-16.56v-76.56c73.44-45.552 122.064-120 122.064-203.808 0-51.168-17.856-98.736-48.528-138.24z"
                    fill="#256efb"
                    p-id="4964"
                  ></path>
                </svg>
                
                <h3>围观讨论</h3>
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
              </button>
            </li>
            <li>
              <img class="image1" src="../images/8.png" alt="" />
              <h1>Node</h1>
              <span>热门指数</span>
              <h2>
                22,427<svg
                  t="1650034408940"
                  class="icon1"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="6027"
                  width="16"
                  height="16"
                >
                  <path
                    d="M786.295467 485.000533l-6.126934 2.082134v-18.295467h6.024534l0.1024 16.213333zM221.5424 485.239467h-8.9088l-0.085333-16.247467 8.994133-0.512v16.759467z"
                    fill="#1afa29"
                    p-id="6028"
                  ></path>
                  <path
                    d="M784.469333 480.290133L504.456533 178.978133a6.826667 6.826667 0 0 0-10.001066 0L214.459733 480.290133a6.826667 6.826667 0 0 0 5.922134 11.4176l158.1056-21.435733L358.4 853.333333v16.162134a6.826667 6.826667 0 0 0 6.826667 7.168h268.356266a6.826667 6.826667 0 0 0 6.826667-7.168l-0.119467-16.3328-19.848533-382.8736 158.122667 21.418666a6.826667 6.826667 0 0 0 5.922133-11.4176z"
                    fill="#1afa29"
                    p-id="6029"
                  ></path>
                  <path
                    d="M191.3344 734.6176l103.031467 72.789333 103.048533-72.789333a127.197867 127.197867 0 0 0-206.097067 0z"
                    fill="#1afa29"
                    p-id="6030"
                  ></path>
                  <path
                    d="M294.382933 681.984a127.010133 127.010133 0 0 1 103.048534 52.6336l-103.048534 72.789333-103.031466-72.789333a127.010133 127.010133 0 0 1 103.048533-52.6336m0-10.24a137.915733 137.915733 0 0 0-111.342933 56.849067 10.24 10.24 0 0 0 2.269866 14.2848l0.136534 0.1024L288.426667 815.786667a10.24 10.24 0 0 0 11.810133 0l103.031467-72.772267a10.24 10.24 0 0 0 2.4064-14.3872 137.915733 137.915733 0 0 0-111.342934-56.849067z"
                    fill="#1afa29"
                    p-id="6031"
                  ></path>
                  <path
                    d="M384.1536 444.142933h1.5872l-20.48 409.6h268.2368l-20.48-409.6"
                    fill="#1afa29"
                    p-id="6032"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l20.48-409.6 5.239467 0.256v-6.826667h1.5872a6.826667 6.826667 0 0 1 6.826666 7.168l-20.1216 402.432H626.346667l-20.1216-402.432 13.653333-0.682666 20.48 409.6a6.826667 6.826667 0 0 1-6.826667 7.168z"
                    fill="#1afa29"
                    p-id="6033"
                  ></path>
                  <path
                    d="M613.0176 446.276267l166.365867 22.545066L499.387733 167.509333 219.374933 468.821333l164.778667-22.545066"
                    fill="#1afa29"
                    p-id="6034"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l19.968-399.240533-158.122667 21.435733a6.826667 6.826667 0 0 1-5.922133-11.4176L494.370133 162.8672a6.826667 6.826667 0 0 1 10.001067 0L784.384 464.213333a6.826667 6.826667 0 0 1-5.922133 11.4176l-158.122667-21.418666L640.3072 853.333333a6.826667 6.826667 0 0 1-6.826667 7.168z m-261.12-13.653333H626.346667L606.3104 446.634667a6.826667 6.826667 0 0 1 7.7312-7.099734l147.3536 19.950934L499.370667 177.493333 237.3632 459.485867l147.3536-19.968a6.826667 6.826667 0 0 1 7.7312 7.099733z"
                    fill="#1afa29"
                    p-id="6035"
                  ></path>
                  <path
                    d="M557.3632 617.5744l149.5552 105.659733 149.572267-105.659733a184.644267 184.644267 0 0 0-299.1616 0z"
                    fill="#1afa29"
                    p-id="6036"
                  ></path>
                  <path
                    d="M706.935467 541.184a184.32 184.32 0 0 1 149.572266 76.3904l-149.572266 105.659733-149.5552-105.659733a184.32 184.32 0 0 1 149.572266-76.3904m0-10.24a194.56 194.56 0 0 0-157.866666 80.622933 10.24 10.24 0 0 0 2.184533 14.2336l0.221867 0.1536 149.5552 105.659734a10.24 10.24 0 0 0 11.810133 0l149.5552-105.642667a10.24 10.24 0 0 0 2.4064-14.3872 194.56 194.56 0 0 0-157.866667-80.622933z"
                    fill="#1afa29"
                    p-id="6037"
                  ></path>
                </svg>
              </h2>
              <button>
                <svg
                  t="1650034292952"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="4963"
                  width="16"
                  height="16"
                >
                  <path
                    d="M484.112 32.864C234.224 32.864 32 208.736 32 425.744c0 133.104 77.28 251.52 193.92 323.76v121.68c0 16.416 11.52 26.304 24.72 26.304a30.624 30.624 0 0 0 13.152-3.312l123.264-82.176c31.248 6.576 62.496 8.256 95.376 8.256 249.84 0 452.016-175.92 452.016-392.88 1.68-218.64-200.496-394.56-450.384-394.56z m0 721.632c-27.984 0-55.92-3.312-83.856-8.256l-13.152-3.264a33.936 33.936 0 0 0-24.672 4.944l-11.52 8.16-59.136 39.504v-64.128c0-11.52-6.576-23.04-16.464-27.936l-16.416-9.84c-101.952-60.864-162.72-161.136-162.72-266.304 0-180.816 172.608-327.12 386.256-327.12 213.744 0 386.304 146.304 386.304 327.12 1.68 179.136-172.56 327.12-384.624 327.12z m-256.464-317.28a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m205.488 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m198.912 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m311.376 84.96c-0.96-1.248-2.016-2.4-3.024-3.648a376.896 376.896 0 0 1-29.856 77.28c0.48 1.2 1.2 2.304 1.68 3.504 8.64 19.776 13.296 41.184 13.296 63.456 0 59.136-34.176 115.488-91.44 149.616l-9.216 5.568a17.856 17.856 0 0 0-9.264 15.696v36l-33.216-22.176-6.48-4.608c-4.608-2.736-9.216-3.696-13.824-2.736l-7.392 1.824a244.944 244.944 0 0 1-151.104-18.24c-30.72 7.2-62.592 11.664-95.424 13.248 51.408 44.304 122.16 71.664 200.352 71.664 20.688 0 40.32-1.008 60-5.136l77.616 51.744a19.296 19.296 0 0 0 8.16 2.064c8.352 0 15.6-6.24 15.6-16.56v-76.56c73.44-45.552 122.064-120 122.064-203.808 0-51.168-17.856-98.736-48.528-138.24z"
                    fill="#256efb"
                    p-id="4964"
                  ></path>
                </svg>
                <h3>围观讨论</h3>
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
              </button>
            </li>
            <li>
              <img class="image1" src="../images/7.png" alt="" />
              <h1>React</h1>
              <span>热门指数</span>
              <h2>
                18,153<svg
                  t="1650034408940"
                  class="icon1"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="6027"
                  width="16"
                  height="16"
                >
                  <path
                    d="M786.295467 485.000533l-6.126934 2.082134v-18.295467h6.024534l0.1024 16.213333zM221.5424 485.239467h-8.9088l-0.085333-16.247467 8.994133-0.512v16.759467z"
                    fill="#1afa29"
                    p-id="6028"
                  ></path>
                  <path
                    d="M784.469333 480.290133L504.456533 178.978133a6.826667 6.826667 0 0 0-10.001066 0L214.459733 480.290133a6.826667 6.826667 0 0 0 5.922134 11.4176l158.1056-21.435733L358.4 853.333333v16.162134a6.826667 6.826667 0 0 0 6.826667 7.168h268.356266a6.826667 6.826667 0 0 0 6.826667-7.168l-0.119467-16.3328-19.848533-382.8736 158.122667 21.418666a6.826667 6.826667 0 0 0 5.922133-11.4176z"
                    fill="#1afa29"
                    p-id="6029"
                  ></path>
                  <path
                    d="M191.3344 734.6176l103.031467 72.789333 103.048533-72.789333a127.197867 127.197867 0 0 0-206.097067 0z"
                    fill="#1afa29"
                    p-id="6030"
                  ></path>
                  <path
                    d="M294.382933 681.984a127.010133 127.010133 0 0 1 103.048534 52.6336l-103.048534 72.789333-103.031466-72.789333a127.010133 127.010133 0 0 1 103.048533-52.6336m0-10.24a137.915733 137.915733 0 0 0-111.342933 56.849067 10.24 10.24 0 0 0 2.269866 14.2848l0.136534 0.1024L288.426667 815.786667a10.24 10.24 0 0 0 11.810133 0l103.031467-72.772267a10.24 10.24 0 0 0 2.4064-14.3872 137.915733 137.915733 0 0 0-111.342934-56.849067z"
                    fill="#1afa29"
                    p-id="6031"
                  ></path>
                  <path
                    d="M384.1536 444.142933h1.5872l-20.48 409.6h268.2368l-20.48-409.6"
                    fill="#1afa29"
                    p-id="6032"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l20.48-409.6 5.239467 0.256v-6.826667h1.5872a6.826667 6.826667 0 0 1 6.826666 7.168l-20.1216 402.432H626.346667l-20.1216-402.432 13.653333-0.682666 20.48 409.6a6.826667 6.826667 0 0 1-6.826667 7.168z"
                    fill="#1afa29"
                    p-id="6033"
                  ></path>
                  <path
                    d="M613.0176 446.276267l166.365867 22.545066L499.387733 167.509333 219.374933 468.821333l164.778667-22.545066"
                    fill="#1afa29"
                    p-id="6034"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l19.968-399.240533-158.122667 21.435733a6.826667 6.826667 0 0 1-5.922133-11.4176L494.370133 162.8672a6.826667 6.826667 0 0 1 10.001067 0L784.384 464.213333a6.826667 6.826667 0 0 1-5.922133 11.4176l-158.122667-21.418666L640.3072 853.333333a6.826667 6.826667 0 0 1-6.826667 7.168z m-261.12-13.653333H626.346667L606.3104 446.634667a6.826667 6.826667 0 0 1 7.7312-7.099734l147.3536 19.950934L499.370667 177.493333 237.3632 459.485867l147.3536-19.968a6.826667 6.826667 0 0 1 7.7312 7.099733z"
                    fill="#1afa29"
                    p-id="6035"
                  ></path>
                  <path
                    d="M557.3632 617.5744l149.5552 105.659733 149.572267-105.659733a184.644267 184.644267 0 0 0-299.1616 0z"
                    fill="#1afa29"
                    p-id="6036"
                  ></path>
                  <path
                    d="M706.935467 541.184a184.32 184.32 0 0 1 149.572266 76.3904l-149.572266 105.659733-149.5552-105.659733a184.32 184.32 0 0 1 149.572266-76.3904m0-10.24a194.56 194.56 0 0 0-157.866666 80.622933 10.24 10.24 0 0 0 2.184533 14.2336l0.221867 0.1536 149.5552 105.659734a10.24 10.24 0 0 0 11.810133 0l149.5552-105.642667a10.24 10.24 0 0 0 2.4064-14.3872 194.56 194.56 0 0 0-157.866667-80.622933z"
                    fill="#1afa29"
                    p-id="6037"
                  ></path>
                </svg>
              </h2>
              <button>
                <svg
                  t="1650034292952"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="4963"
                  width="16"
                  height="16"
                >
                  <path
                    d="M484.112 32.864C234.224 32.864 32 208.736 32 425.744c0 133.104 77.28 251.52 193.92 323.76v121.68c0 16.416 11.52 26.304 24.72 26.304a30.624 30.624 0 0 0 13.152-3.312l123.264-82.176c31.248 6.576 62.496 8.256 95.376 8.256 249.84 0 452.016-175.92 452.016-392.88 1.68-218.64-200.496-394.56-450.384-394.56z m0 721.632c-27.984 0-55.92-3.312-83.856-8.256l-13.152-3.264a33.936 33.936 0 0 0-24.672 4.944l-11.52 8.16-59.136 39.504v-64.128c0-11.52-6.576-23.04-16.464-27.936l-16.416-9.84c-101.952-60.864-162.72-161.136-162.72-266.304 0-180.816 172.608-327.12 386.256-327.12 213.744 0 386.304 146.304 386.304 327.12 1.68 179.136-172.56 327.12-384.624 327.12z m-256.464-317.28a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m205.488 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m198.912 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m311.376 84.96c-0.96-1.248-2.016-2.4-3.024-3.648a376.896 376.896 0 0 1-29.856 77.28c0.48 1.2 1.2 2.304 1.68 3.504 8.64 19.776 13.296 41.184 13.296 63.456 0 59.136-34.176 115.488-91.44 149.616l-9.216 5.568a17.856 17.856 0 0 0-9.264 15.696v36l-33.216-22.176-6.48-4.608c-4.608-2.736-9.216-3.696-13.824-2.736l-7.392 1.824a244.944 244.944 0 0 1-151.104-18.24c-30.72 7.2-62.592 11.664-95.424 13.248 51.408 44.304 122.16 71.664 200.352 71.664 20.688 0 40.32-1.008 60-5.136l77.616 51.744a19.296 19.296 0 0 0 8.16 2.064c8.352 0 15.6-6.24 15.6-16.56v-76.56c73.44-45.552 122.064-120 122.064-203.808 0-51.168-17.856-98.736-48.528-138.24z"
                    fill="#256efb"
                    p-id="4964"
                  ></path>
                </svg>
                <h3>围观讨论</h3>
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
              </button>
            </li>
            <li>
              <img class="image1" src="../images/16.png" alt="" />
              <h1>Vue</h1>
              <span>热门指数</span>
              <h2>
                25,567<svg
                  t="1650034408940"
                  class="icon1"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="6027"
                  width="16"
                  height="16"
                >
                  <path
                    d="M786.295467 485.000533l-6.126934 2.082134v-18.295467h6.024534l0.1024 16.213333zM221.5424 485.239467h-8.9088l-0.085333-16.247467 8.994133-0.512v16.759467z"
                    fill="#1afa29"
                    p-id="6028"
                  ></path>
                  <path
                    d="M784.469333 480.290133L504.456533 178.978133a6.826667 6.826667 0 0 0-10.001066 0L214.459733 480.290133a6.826667 6.826667 0 0 0 5.922134 11.4176l158.1056-21.435733L358.4 853.333333v16.162134a6.826667 6.826667 0 0 0 6.826667 7.168h268.356266a6.826667 6.826667 0 0 0 6.826667-7.168l-0.119467-16.3328-19.848533-382.8736 158.122667 21.418666a6.826667 6.826667 0 0 0 5.922133-11.4176z"
                    fill="#1afa29"
                    p-id="6029"
                  ></path>
                  <path
                    d="M191.3344 734.6176l103.031467 72.789333 103.048533-72.789333a127.197867 127.197867 0 0 0-206.097067 0z"
                    fill="#1afa29"
                    p-id="6030"
                  ></path>
                  <path
                    d="M294.382933 681.984a127.010133 127.010133 0 0 1 103.048534 52.6336l-103.048534 72.789333-103.031466-72.789333a127.010133 127.010133 0 0 1 103.048533-52.6336m0-10.24a137.915733 137.915733 0 0 0-111.342933 56.849067 10.24 10.24 0 0 0 2.269866 14.2848l0.136534 0.1024L288.426667 815.786667a10.24 10.24 0 0 0 11.810133 0l103.031467-72.772267a10.24 10.24 0 0 0 2.4064-14.3872 137.915733 137.915733 0 0 0-111.342934-56.849067z"
                    fill="#1afa29"
                    p-id="6031"
                  ></path>
                  <path
                    d="M384.1536 444.142933h1.5872l-20.48 409.6h268.2368l-20.48-409.6"
                    fill="#1afa29"
                    p-id="6032"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l20.48-409.6 5.239467 0.256v-6.826667h1.5872a6.826667 6.826667 0 0 1 6.826666 7.168l-20.1216 402.432H626.346667l-20.1216-402.432 13.653333-0.682666 20.48 409.6a6.826667 6.826667 0 0 1-6.826667 7.168z"
                    fill="#1afa29"
                    p-id="6033"
                  ></path>
                  <path
                    d="M613.0176 446.276267l166.365867 22.545066L499.387733 167.509333 219.374933 468.821333l164.778667-22.545066"
                    fill="#1afa29"
                    p-id="6034"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l19.968-399.240533-158.122667 21.435733a6.826667 6.826667 0 0 1-5.922133-11.4176L494.370133 162.8672a6.826667 6.826667 0 0 1 10.001067 0L784.384 464.213333a6.826667 6.826667 0 0 1-5.922133 11.4176l-158.122667-21.418666L640.3072 853.333333a6.826667 6.826667 0 0 1-6.826667 7.168z m-261.12-13.653333H626.346667L606.3104 446.634667a6.826667 6.826667 0 0 1 7.7312-7.099734l147.3536 19.950934L499.370667 177.493333 237.3632 459.485867l147.3536-19.968a6.826667 6.826667 0 0 1 7.7312 7.099733z"
                    fill="#1afa29"
                    p-id="6035"
                  ></path>
                  <path
                    d="M557.3632 617.5744l149.5552 105.659733 149.572267-105.659733a184.644267 184.644267 0 0 0-299.1616 0z"
                    fill="#1afa29"
                    p-id="6036"
                  ></path>
                  <path
                    d="M706.935467 541.184a184.32 184.32 0 0 1 149.572266 76.3904l-149.572266 105.659733-149.5552-105.659733a184.32 184.32 0 0 1 149.572266-76.3904m0-10.24a194.56 194.56 0 0 0-157.866666 80.622933 10.24 10.24 0 0 0 2.184533 14.2336l0.221867 0.1536 149.5552 105.659734a10.24 10.24 0 0 0 11.810133 0l149.5552-105.642667a10.24 10.24 0 0 0 2.4064-14.3872 194.56 194.56 0 0 0-157.866667-80.622933z"
                    fill="#1afa29"
                    p-id="6037"
                  ></path>
                </svg>
              </h2>
              <button>
                <svg
                  t="1650034292952"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="4963"
                  width="16"
                  height="16"
                >
                  <path
                    d="M484.112 32.864C234.224 32.864 32 208.736 32 425.744c0 133.104 77.28 251.52 193.92 323.76v121.68c0 16.416 11.52 26.304 24.72 26.304a30.624 30.624 0 0 0 13.152-3.312l123.264-82.176c31.248 6.576 62.496 8.256 95.376 8.256 249.84 0 452.016-175.92 452.016-392.88 1.68-218.64-200.496-394.56-450.384-394.56z m0 721.632c-27.984 0-55.92-3.312-83.856-8.256l-13.152-3.264a33.936 33.936 0 0 0-24.672 4.944l-11.52 8.16-59.136 39.504v-64.128c0-11.52-6.576-23.04-16.464-27.936l-16.416-9.84c-101.952-60.864-162.72-161.136-162.72-266.304 0-180.816 172.608-327.12 386.256-327.12 213.744 0 386.304 146.304 386.304 327.12 1.68 179.136-172.56 327.12-384.624 327.12z m-256.464-317.28a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m205.488 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m198.912 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m311.376 84.96c-0.96-1.248-2.016-2.4-3.024-3.648a376.896 376.896 0 0 1-29.856 77.28c0.48 1.2 1.2 2.304 1.68 3.504 8.64 19.776 13.296 41.184 13.296 63.456 0 59.136-34.176 115.488-91.44 149.616l-9.216 5.568a17.856 17.856 0 0 0-9.264 15.696v36l-33.216-22.176-6.48-4.608c-4.608-2.736-9.216-3.696-13.824-2.736l-7.392 1.824a244.944 244.944 0 0 1-151.104-18.24c-30.72 7.2-62.592 11.664-95.424 13.248 51.408 44.304 122.16 71.664 200.352 71.664 20.688 0 40.32-1.008 60-5.136l77.616 51.744a19.296 19.296 0 0 0 8.16 2.064c8.352 0 15.6-6.24 15.6-16.56v-76.56c73.44-45.552 122.064-120 122.064-203.808 0-51.168-17.856-98.736-48.528-138.24z"
                    fill="#256efb"
                    p-id="4964"
                  ></path>
                </svg>
                <h3>围观讨论</h3>
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
              </button>
            </li>
            <li>
              <img class="image1" src="../images/3.png" alt="" />
              <h1>HTML</h1>
              <span>热门指数</span>
              <h2>
                12,527<svg
                  t="1650034408940"
                  class="icon1"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="6027"
                  width="16"
                  height="16"
                >
                  <path
                    d="M786.295467 485.000533l-6.126934 2.082134v-18.295467h6.024534l0.1024 16.213333zM221.5424 485.239467h-8.9088l-0.085333-16.247467 8.994133-0.512v16.759467z"
                    fill="#1afa29"
                    p-id="6028"
                  ></path>
                  <path
                    d="M784.469333 480.290133L504.456533 178.978133a6.826667 6.826667 0 0 0-10.001066 0L214.459733 480.290133a6.826667 6.826667 0 0 0 5.922134 11.4176l158.1056-21.435733L358.4 853.333333v16.162134a6.826667 6.826667 0 0 0 6.826667 7.168h268.356266a6.826667 6.826667 0 0 0 6.826667-7.168l-0.119467-16.3328-19.848533-382.8736 158.122667 21.418666a6.826667 6.826667 0 0 0 5.922133-11.4176z"
                    fill="#1afa29"
                    p-id="6029"
                  ></path>
                  <path
                    d="M191.3344 734.6176l103.031467 72.789333 103.048533-72.789333a127.197867 127.197867 0 0 0-206.097067 0z"
                    fill="#1afa29"
                    p-id="6030"
                  ></path>
                  <path
                    d="M294.382933 681.984a127.010133 127.010133 0 0 1 103.048534 52.6336l-103.048534 72.789333-103.031466-72.789333a127.010133 127.010133 0 0 1 103.048533-52.6336m0-10.24a137.915733 137.915733 0 0 0-111.342933 56.849067 10.24 10.24 0 0 0 2.269866 14.2848l0.136534 0.1024L288.426667 815.786667a10.24 10.24 0 0 0 11.810133 0l103.031467-72.772267a10.24 10.24 0 0 0 2.4064-14.3872 137.915733 137.915733 0 0 0-111.342934-56.849067z"
                    fill="#1afa29"
                    p-id="6031"
                  ></path>
                  <path
                    d="M384.1536 444.142933h1.5872l-20.48 409.6h268.2368l-20.48-409.6"
                    fill="#1afa29"
                    p-id="6032"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l20.48-409.6 5.239467 0.256v-6.826667h1.5872a6.826667 6.826667 0 0 1 6.826666 7.168l-20.1216 402.432H626.346667l-20.1216-402.432 13.653333-0.682666 20.48 409.6a6.826667 6.826667 0 0 1-6.826667 7.168z"
                    fill="#1afa29"
                    p-id="6033"
                  ></path>
                  <path
                    d="M613.0176 446.276267l166.365867 22.545066L499.387733 167.509333 219.374933 468.821333l164.778667-22.545066"
                    fill="#1afa29"
                    p-id="6034"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l19.968-399.240533-158.122667 21.435733a6.826667 6.826667 0 0 1-5.922133-11.4176L494.370133 162.8672a6.826667 6.826667 0 0 1 10.001067 0L784.384 464.213333a6.826667 6.826667 0 0 1-5.922133 11.4176l-158.122667-21.418666L640.3072 853.333333a6.826667 6.826667 0 0 1-6.826667 7.168z m-261.12-13.653333H626.346667L606.3104 446.634667a6.826667 6.826667 0 0 1 7.7312-7.099734l147.3536 19.950934L499.370667 177.493333 237.3632 459.485867l147.3536-19.968a6.826667 6.826667 0 0 1 7.7312 7.099733z"
                    fill="#1afa29"
                    p-id="6035"
                  ></path>
                  <path
                    d="M557.3632 617.5744l149.5552 105.659733 149.572267-105.659733a184.644267 184.644267 0 0 0-299.1616 0z"
                    fill="#1afa29"
                    p-id="6036"
                  ></path>
                  <path
                    d="M706.935467 541.184a184.32 184.32 0 0 1 149.572266 76.3904l-149.572266 105.659733-149.5552-105.659733a184.32 184.32 0 0 1 149.572266-76.3904m0-10.24a194.56 194.56 0 0 0-157.866666 80.622933 10.24 10.24 0 0 0 2.184533 14.2336l0.221867 0.1536 149.5552 105.659734a10.24 10.24 0 0 0 11.810133 0l149.5552-105.642667a10.24 10.24 0 0 0 2.4064-14.3872 194.56 194.56 0 0 0-157.866667-80.622933z"
                    fill="#1afa29"
                    p-id="6037"
                  ></path>
                </svg>
              </h2>
              <button>
                <svg
                  t="1650034292952"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="4963"
                  width="16"
                  height="16"
                >
                  <path
                    d="M484.112 32.864C234.224 32.864 32 208.736 32 425.744c0 133.104 77.28 251.52 193.92 323.76v121.68c0 16.416 11.52 26.304 24.72 26.304a30.624 30.624 0 0 0 13.152-3.312l123.264-82.176c31.248 6.576 62.496 8.256 95.376 8.256 249.84 0 452.016-175.92 452.016-392.88 1.68-218.64-200.496-394.56-450.384-394.56z m0 721.632c-27.984 0-55.92-3.312-83.856-8.256l-13.152-3.264a33.936 33.936 0 0 0-24.672 4.944l-11.52 8.16-59.136 39.504v-64.128c0-11.52-6.576-23.04-16.464-27.936l-16.416-9.84c-101.952-60.864-162.72-161.136-162.72-266.304 0-180.816 172.608-327.12 386.256-327.12 213.744 0 386.304 146.304 386.304 327.12 1.68 179.136-172.56 327.12-384.624 327.12z m-256.464-317.28a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m205.488 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m198.912 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m311.376 84.96c-0.96-1.248-2.016-2.4-3.024-3.648a376.896 376.896 0 0 1-29.856 77.28c0.48 1.2 1.2 2.304 1.68 3.504 8.64 19.776 13.296 41.184 13.296 63.456 0 59.136-34.176 115.488-91.44 149.616l-9.216 5.568a17.856 17.856 0 0 0-9.264 15.696v36l-33.216-22.176-6.48-4.608c-4.608-2.736-9.216-3.696-13.824-2.736l-7.392 1.824a244.944 244.944 0 0 1-151.104-18.24c-30.72 7.2-62.592 11.664-95.424 13.248 51.408 44.304 122.16 71.664 200.352 71.664 20.688 0 40.32-1.008 60-5.136l77.616 51.744a19.296 19.296 0 0 0 8.16 2.064c8.352 0 15.6-6.24 15.6-16.56v-76.56c73.44-45.552 122.064-120 122.064-203.808 0-51.168-17.856-98.736-48.528-138.24z"
                    fill="#256efb"
                    p-id="4964"
                  ></path>
                </svg>
                <h3>围观讨论</h3>
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
              </button>
            </li>
            <li>
              <img class="image1" src="../images/14.png" alt="" />
              <h1>JVM</h1>
              <span>热门指数</span>
              <h2>
                18,153<svg
                  t="1650034408940"
                  class="icon1"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="6027"
                  width="16"
                  height="16"
                >
                  <path
                    d="M786.295467 485.000533l-6.126934 2.082134v-18.295467h6.024534l0.1024 16.213333zM221.5424 485.239467h-8.9088l-0.085333-16.247467 8.994133-0.512v16.759467z"
                    fill="#1afa29"
                    p-id="6028"
                  ></path>
                  <path
                    d="M784.469333 480.290133L504.456533 178.978133a6.826667 6.826667 0 0 0-10.001066 0L214.459733 480.290133a6.826667 6.826667 0 0 0 5.922134 11.4176l158.1056-21.435733L358.4 853.333333v16.162134a6.826667 6.826667 0 0 0 6.826667 7.168h268.356266a6.826667 6.826667 0 0 0 6.826667-7.168l-0.119467-16.3328-19.848533-382.8736 158.122667 21.418666a6.826667 6.826667 0 0 0 5.922133-11.4176z"
                    fill="#1afa29"
                    p-id="6029"
                  ></path>
                  <path
                    d="M191.3344 734.6176l103.031467 72.789333 103.048533-72.789333a127.197867 127.197867 0 0 0-206.097067 0z"
                    fill="#1afa29"
                    p-id="6030"
                  ></path>
                  <path
                    d="M294.382933 681.984a127.010133 127.010133 0 0 1 103.048534 52.6336l-103.048534 72.789333-103.031466-72.789333a127.010133 127.010133 0 0 1 103.048533-52.6336m0-10.24a137.915733 137.915733 0 0 0-111.342933 56.849067 10.24 10.24 0 0 0 2.269866 14.2848l0.136534 0.1024L288.426667 815.786667a10.24 10.24 0 0 0 11.810133 0l103.031467-72.772267a10.24 10.24 0 0 0 2.4064-14.3872 137.915733 137.915733 0 0 0-111.342934-56.849067z"
                    fill="#1afa29"
                    p-id="6031"
                  ></path>
                  <path
                    d="M384.1536 444.142933h1.5872l-20.48 409.6h268.2368l-20.48-409.6"
                    fill="#1afa29"
                    p-id="6032"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l20.48-409.6 5.239467 0.256v-6.826667h1.5872a6.826667 6.826667 0 0 1 6.826666 7.168l-20.1216 402.432H626.346667l-20.1216-402.432 13.653333-0.682666 20.48 409.6a6.826667 6.826667 0 0 1-6.826667 7.168z"
                    fill="#1afa29"
                    p-id="6033"
                  ></path>
                  <path
                    d="M613.0176 446.276267l166.365867 22.545066L499.387733 167.509333 219.374933 468.821333l164.778667-22.545066"
                    fill="#1afa29"
                    p-id="6034"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l19.968-399.240533-158.122667 21.435733a6.826667 6.826667 0 0 1-5.922133-11.4176L494.370133 162.8672a6.826667 6.826667 0 0 1 10.001067 0L784.384 464.213333a6.826667 6.826667 0 0 1-5.922133 11.4176l-158.122667-21.418666L640.3072 853.333333a6.826667 6.826667 0 0 1-6.826667 7.168z m-261.12-13.653333H626.346667L606.3104 446.634667a6.826667 6.826667 0 0 1 7.7312-7.099734l147.3536 19.950934L499.370667 177.493333 237.3632 459.485867l147.3536-19.968a6.826667 6.826667 0 0 1 7.7312 7.099733z"
                    fill="#1afa29"
                    p-id="6035"
                  ></path>
                  <path
                    d="M557.3632 617.5744l149.5552 105.659733 149.572267-105.659733a184.644267 184.644267 0 0 0-299.1616 0z"
                    fill="#1afa29"
                    p-id="6036"
                  ></path>
                  <path
                    d="M706.935467 541.184a184.32 184.32 0 0 1 149.572266 76.3904l-149.572266 105.659733-149.5552-105.659733a184.32 184.32 0 0 1 149.572266-76.3904m0-10.24a194.56 194.56 0 0 0-157.866666 80.622933 10.24 10.24 0 0 0 2.184533 14.2336l0.221867 0.1536 149.5552 105.659734a10.24 10.24 0 0 0 11.810133 0l149.5552-105.642667a10.24 10.24 0 0 0 2.4064-14.3872 194.56 194.56 0 0 0-157.866667-80.622933z"
                    fill="#1afa29"
                    p-id="6037"
                  ></path>
                </svg>
              </h2>
              <button>
                <svg
                  t="1650034292952"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="4963"
                  width="16"
                  height="16"
                >
                  <path
                    d="M484.112 32.864C234.224 32.864 32 208.736 32 425.744c0 133.104 77.28 251.52 193.92 323.76v121.68c0 16.416 11.52 26.304 24.72 26.304a30.624 30.624 0 0 0 13.152-3.312l123.264-82.176c31.248 6.576 62.496 8.256 95.376 8.256 249.84 0 452.016-175.92 452.016-392.88 1.68-218.64-200.496-394.56-450.384-394.56z m0 721.632c-27.984 0-55.92-3.312-83.856-8.256l-13.152-3.264a33.936 33.936 0 0 0-24.672 4.944l-11.52 8.16-59.136 39.504v-64.128c0-11.52-6.576-23.04-16.464-27.936l-16.416-9.84c-101.952-60.864-162.72-161.136-162.72-266.304 0-180.816 172.608-327.12 386.256-327.12 213.744 0 386.304 146.304 386.304 327.12 1.68 179.136-172.56 327.12-384.624 327.12z m-256.464-317.28a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m205.488 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m198.912 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m311.376 84.96c-0.96-1.248-2.016-2.4-3.024-3.648a376.896 376.896 0 0 1-29.856 77.28c0.48 1.2 1.2 2.304 1.68 3.504 8.64 19.776 13.296 41.184 13.296 63.456 0 59.136-34.176 115.488-91.44 149.616l-9.216 5.568a17.856 17.856 0 0 0-9.264 15.696v36l-33.216-22.176-6.48-4.608c-4.608-2.736-9.216-3.696-13.824-2.736l-7.392 1.824a244.944 244.944 0 0 1-151.104-18.24c-30.72 7.2-62.592 11.664-95.424 13.248 51.408 44.304 122.16 71.664 200.352 71.664 20.688 0 40.32-1.008 60-5.136l77.616 51.744a19.296 19.296 0 0 0 8.16 2.064c8.352 0 15.6-6.24 15.6-16.56v-76.56c73.44-45.552 122.064-120 122.064-203.808 0-51.168-17.856-98.736-48.528-138.24z"
                    fill="#256efb"
                    p-id="4964"
                  ></path>
                </svg>
                <h3>围观讨论</h3>
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
              </button>
            </li>
            <li>
              <img class="image1" src="../images/15.png" alt="" />
              <h1>Jwt</h1>
              <span>热门指数</span>
              <h2>
                20,107<svg
                  t="1650034408940"
                  class="icon1"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="6027"
                  width="16"
                  height="16"
                >
                  <path
                    d="M786.295467 485.000533l-6.126934 2.082134v-18.295467h6.024534l0.1024 16.213333zM221.5424 485.239467h-8.9088l-0.085333-16.247467 8.994133-0.512v16.759467z"
                    fill="#1afa29"
                    p-id="6028"
                  ></path>
                  <path
                    d="M784.469333 480.290133L504.456533 178.978133a6.826667 6.826667 0 0 0-10.001066 0L214.459733 480.290133a6.826667 6.826667 0 0 0 5.922134 11.4176l158.1056-21.435733L358.4 853.333333v16.162134a6.826667 6.826667 0 0 0 6.826667 7.168h268.356266a6.826667 6.826667 0 0 0 6.826667-7.168l-0.119467-16.3328-19.848533-382.8736 158.122667 21.418666a6.826667 6.826667 0 0 0 5.922133-11.4176z"
                    fill="#1afa29"
                    p-id="6029"
                  ></path>
                  <path
                    d="M191.3344 734.6176l103.031467 72.789333 103.048533-72.789333a127.197867 127.197867 0 0 0-206.097067 0z"
                    fill="#1afa29"
                    p-id="6030"
                  ></path>
                  <path
                    d="M294.382933 681.984a127.010133 127.010133 0 0 1 103.048534 52.6336l-103.048534 72.789333-103.031466-72.789333a127.010133 127.010133 0 0 1 103.048533-52.6336m0-10.24a137.915733 137.915733 0 0 0-111.342933 56.849067 10.24 10.24 0 0 0 2.269866 14.2848l0.136534 0.1024L288.426667 815.786667a10.24 10.24 0 0 0 11.810133 0l103.031467-72.772267a10.24 10.24 0 0 0 2.4064-14.3872 137.915733 137.915733 0 0 0-111.342934-56.849067z"
                    fill="#1afa29"
                    p-id="6031"
                  ></path>
                  <path
                    d="M384.1536 444.142933h1.5872l-20.48 409.6h268.2368l-20.48-409.6"
                    fill="#1afa29"
                    p-id="6032"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l20.48-409.6 5.239467 0.256v-6.826667h1.5872a6.826667 6.826667 0 0 1 6.826666 7.168l-20.1216 402.432H626.346667l-20.1216-402.432 13.653333-0.682666 20.48 409.6a6.826667 6.826667 0 0 1-6.826667 7.168z"
                    fill="#1afa29"
                    p-id="6033"
                  ></path>
                  <path
                    d="M613.0176 446.276267l166.365867 22.545066L499.387733 167.509333 219.374933 468.821333l164.778667-22.545066"
                    fill="#1afa29"
                    p-id="6034"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l19.968-399.240533-158.122667 21.435733a6.826667 6.826667 0 0 1-5.922133-11.4176L494.370133 162.8672a6.826667 6.826667 0 0 1 10.001067 0L784.384 464.213333a6.826667 6.826667 0 0 1-5.922133 11.4176l-158.122667-21.418666L640.3072 853.333333a6.826667 6.826667 0 0 1-6.826667 7.168z m-261.12-13.653333H626.346667L606.3104 446.634667a6.826667 6.826667 0 0 1 7.7312-7.099734l147.3536 19.950934L499.370667 177.493333 237.3632 459.485867l147.3536-19.968a6.826667 6.826667 0 0 1 7.7312 7.099733z"
                    fill="#1afa29"
                    p-id="6035"
                  ></path>
                  <path
                    d="M557.3632 617.5744l149.5552 105.659733 149.572267-105.659733a184.644267 184.644267 0 0 0-299.1616 0z"
                    fill="#1afa29"
                    p-id="6036"
                  ></path>
                  <path
                    d="M706.935467 541.184a184.32 184.32 0 0 1 149.572266 76.3904l-149.572266 105.659733-149.5552-105.659733a184.32 184.32 0 0 1 149.572266-76.3904m0-10.24a194.56 194.56 0 0 0-157.866666 80.622933 10.24 10.24 0 0 0 2.184533 14.2336l0.221867 0.1536 149.5552 105.659734a10.24 10.24 0 0 0 11.810133 0l149.5552-105.642667a10.24 10.24 0 0 0 2.4064-14.3872 194.56 194.56 0 0 0-157.866667-80.622933z"
                    fill="#1afa29"
                    p-id="6037"
                  ></path>
                </svg>
              </h2>
              <button>
                <svg
                  t="1650034292952"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="4963"
                  width="16"
                  height="16"
                >
                  <path
                    d="M484.112 32.864C234.224 32.864 32 208.736 32 425.744c0 133.104 77.28 251.52 193.92 323.76v121.68c0 16.416 11.52 26.304 24.72 26.304a30.624 30.624 0 0 0 13.152-3.312l123.264-82.176c31.248 6.576 62.496 8.256 95.376 8.256 249.84 0 452.016-175.92 452.016-392.88 1.68-218.64-200.496-394.56-450.384-394.56z m0 721.632c-27.984 0-55.92-3.312-83.856-8.256l-13.152-3.264a33.936 33.936 0 0 0-24.672 4.944l-11.52 8.16-59.136 39.504v-64.128c0-11.52-6.576-23.04-16.464-27.936l-16.416-9.84c-101.952-60.864-162.72-161.136-162.72-266.304 0-180.816 172.608-327.12 386.256-327.12 213.744 0 386.304 146.304 386.304 327.12 1.68 179.136-172.56 327.12-384.624 327.12z m-256.464-317.28a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m205.488 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m198.912 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m311.376 84.96c-0.96-1.248-2.016-2.4-3.024-3.648a376.896 376.896 0 0 1-29.856 77.28c0.48 1.2 1.2 2.304 1.68 3.504 8.64 19.776 13.296 41.184 13.296 63.456 0 59.136-34.176 115.488-91.44 149.616l-9.216 5.568a17.856 17.856 0 0 0-9.264 15.696v36l-33.216-22.176-6.48-4.608c-4.608-2.736-9.216-3.696-13.824-2.736l-7.392 1.824a244.944 244.944 0 0 1-151.104-18.24c-30.72 7.2-62.592 11.664-95.424 13.248 51.408 44.304 122.16 71.664 200.352 71.664 20.688 0 40.32-1.008 60-5.136l77.616 51.744a19.296 19.296 0 0 0 8.16 2.064c8.352 0 15.6-6.24 15.6-16.56v-76.56c73.44-45.552 122.064-120 122.064-203.808 0-51.168-17.856-98.736-48.528-138.24z"
                    fill="#256efb"
                    p-id="4964"
                  ></path>
                </svg>
                <h3>围观讨论</h3>
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
              </button>
            </li>
            <li>
              <img class="image1" src="../images/18.png" alt="" />
              <h1>Hive</h1>
              <span>热门指数</span>
              <h2>
                12,527<svg
                  t="1650034408940"
                  class="icon1"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="6027"
                  width="16"
                  height="16"
                >
                  <path
                    d="M786.295467 485.000533l-6.126934 2.082134v-18.295467h6.024534l0.1024 16.213333zM221.5424 485.239467h-8.9088l-0.085333-16.247467 8.994133-0.512v16.759467z"
                    fill="#1afa29"
                    p-id="6028"
                  ></path>
                  <path
                    d="M784.469333 480.290133L504.456533 178.978133a6.826667 6.826667 0 0 0-10.001066 0L214.459733 480.290133a6.826667 6.826667 0 0 0 5.922134 11.4176l158.1056-21.435733L358.4 853.333333v16.162134a6.826667 6.826667 0 0 0 6.826667 7.168h268.356266a6.826667 6.826667 0 0 0 6.826667-7.168l-0.119467-16.3328-19.848533-382.8736 158.122667 21.418666a6.826667 6.826667 0 0 0 5.922133-11.4176z"
                    fill="#1afa29"
                    p-id="6029"
                  ></path>
                  <path
                    d="M191.3344 734.6176l103.031467 72.789333 103.048533-72.789333a127.197867 127.197867 0 0 0-206.097067 0z"
                    fill="#1afa29"
                    p-id="6030"
                  ></path>
                  <path
                    d="M294.382933 681.984a127.010133 127.010133 0 0 1 103.048534 52.6336l-103.048534 72.789333-103.031466-72.789333a127.010133 127.010133 0 0 1 103.048533-52.6336m0-10.24a137.915733 137.915733 0 0 0-111.342933 56.849067 10.24 10.24 0 0 0 2.269866 14.2848l0.136534 0.1024L288.426667 815.786667a10.24 10.24 0 0 0 11.810133 0l103.031467-72.772267a10.24 10.24 0 0 0 2.4064-14.3872 137.915733 137.915733 0 0 0-111.342934-56.849067z"
                    fill="#1afa29"
                    p-id="6031"
                  ></path>
                  <path
                    d="M384.1536 444.142933h1.5872l-20.48 409.6h268.2368l-20.48-409.6"
                    fill="#1afa29"
                    p-id="6032"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l20.48-409.6 5.239467 0.256v-6.826667h1.5872a6.826667 6.826667 0 0 1 6.826666 7.168l-20.1216 402.432H626.346667l-20.1216-402.432 13.653333-0.682666 20.48 409.6a6.826667 6.826667 0 0 1-6.826667 7.168z"
                    fill="#1afa29"
                    p-id="6033"
                  ></path>
                  <path
                    d="M613.0176 446.276267l166.365867 22.545066L499.387733 167.509333 219.374933 468.821333l164.778667-22.545066"
                    fill="#1afa29"
                    p-id="6034"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l19.968-399.240533-158.122667 21.435733a6.826667 6.826667 0 0 1-5.922133-11.4176L494.370133 162.8672a6.826667 6.826667 0 0 1 10.001067 0L784.384 464.213333a6.826667 6.826667 0 0 1-5.922133 11.4176l-158.122667-21.418666L640.3072 853.333333a6.826667 6.826667 0 0 1-6.826667 7.168z m-261.12-13.653333H626.346667L606.3104 446.634667a6.826667 6.826667 0 0 1 7.7312-7.099734l147.3536 19.950934L499.370667 177.493333 237.3632 459.485867l147.3536-19.968a6.826667 6.826667 0 0 1 7.7312 7.099733z"
                    fill="#1afa29"
                    p-id="6035"
                  ></path>
                  <path
                    d="M557.3632 617.5744l149.5552 105.659733 149.572267-105.659733a184.644267 184.644267 0 0 0-299.1616 0z"
                    fill="#1afa29"
                    p-id="6036"
                  ></path>
                  <path
                    d="M706.935467 541.184a184.32 184.32 0 0 1 149.572266 76.3904l-149.572266 105.659733-149.5552-105.659733a184.32 184.32 0 0 1 149.572266-76.3904m0-10.24a194.56 194.56 0 0 0-157.866666 80.622933 10.24 10.24 0 0 0 2.184533 14.2336l0.221867 0.1536 149.5552 105.659734a10.24 10.24 0 0 0 11.810133 0l149.5552-105.642667a10.24 10.24 0 0 0 2.4064-14.3872 194.56 194.56 0 0 0-157.866667-80.622933z"
                    fill="#1afa29"
                    p-id="6037"
                  ></path>
                </svg>
              </h2>
              <button>
                <svg
                  t="1650034292952"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="4963"
                  width="16"
                  height="16"
                >
                  <path
                    d="M484.112 32.864C234.224 32.864 32 208.736 32 425.744c0 133.104 77.28 251.52 193.92 323.76v121.68c0 16.416 11.52 26.304 24.72 26.304a30.624 30.624 0 0 0 13.152-3.312l123.264-82.176c31.248 6.576 62.496 8.256 95.376 8.256 249.84 0 452.016-175.92 452.016-392.88 1.68-218.64-200.496-394.56-450.384-394.56z m0 721.632c-27.984 0-55.92-3.312-83.856-8.256l-13.152-3.264a33.936 33.936 0 0 0-24.672 4.944l-11.52 8.16-59.136 39.504v-64.128c0-11.52-6.576-23.04-16.464-27.936l-16.416-9.84c-101.952-60.864-162.72-161.136-162.72-266.304 0-180.816 172.608-327.12 386.256-327.12 213.744 0 386.304 146.304 386.304 327.12 1.68 179.136-172.56 327.12-384.624 327.12z m-256.464-317.28a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m205.488 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m198.912 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m311.376 84.96c-0.96-1.248-2.016-2.4-3.024-3.648a376.896 376.896 0 0 1-29.856 77.28c0.48 1.2 1.2 2.304 1.68 3.504 8.64 19.776 13.296 41.184 13.296 63.456 0 59.136-34.176 115.488-91.44 149.616l-9.216 5.568a17.856 17.856 0 0 0-9.264 15.696v36l-33.216-22.176-6.48-4.608c-4.608-2.736-9.216-3.696-13.824-2.736l-7.392 1.824a244.944 244.944 0 0 1-151.104-18.24c-30.72 7.2-62.592 11.664-95.424 13.248 51.408 44.304 122.16 71.664 200.352 71.664 20.688 0 40.32-1.008 60-5.136l77.616 51.744a19.296 19.296 0 0 0 8.16 2.064c8.352 0 15.6-6.24 15.6-16.56v-76.56c73.44-45.552 122.064-120 122.064-203.808 0-51.168-17.856-98.736-48.528-138.24z"
                    fill="#256efb"
                    p-id="4964"
                  ></path>
                </svg>
                <h3>围观讨论</h3>
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
              </button>
            </li>
            <li>
              <img class="image1" src="../images/19.png" alt="" />
              <h1>Flume</h1>
              <span>热门指数</span>
              <h2>
                10,191<svg
                  t="1650034408940"
                  class="icon1"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="6027"
                  width="16"
                  height="16"
                >
                  <path
                    d="M786.295467 485.000533l-6.126934 2.082134v-18.295467h6.024534l0.1024 16.213333zM221.5424 485.239467h-8.9088l-0.085333-16.247467 8.994133-0.512v16.759467z"
                    fill="#1afa29"
                    p-id="6028"
                  ></path>
                  <path
                    d="M784.469333 480.290133L504.456533 178.978133a6.826667 6.826667 0 0 0-10.001066 0L214.459733 480.290133a6.826667 6.826667 0 0 0 5.922134 11.4176l158.1056-21.435733L358.4 853.333333v16.162134a6.826667 6.826667 0 0 0 6.826667 7.168h268.356266a6.826667 6.826667 0 0 0 6.826667-7.168l-0.119467-16.3328-19.848533-382.8736 158.122667 21.418666a6.826667 6.826667 0 0 0 5.922133-11.4176z"
                    fill="#1afa29"
                    p-id="6029"
                  ></path>
                  <path
                    d="M191.3344 734.6176l103.031467 72.789333 103.048533-72.789333a127.197867 127.197867 0 0 0-206.097067 0z"
                    fill="#1afa29"
                    p-id="6030"
                  ></path>
                  <path
                    d="M294.382933 681.984a127.010133 127.010133 0 0 1 103.048534 52.6336l-103.048534 72.789333-103.031466-72.789333a127.010133 127.010133 0 0 1 103.048533-52.6336m0-10.24a137.915733 137.915733 0 0 0-111.342933 56.849067 10.24 10.24 0 0 0 2.269866 14.2848l0.136534 0.1024L288.426667 815.786667a10.24 10.24 0 0 0 11.810133 0l103.031467-72.772267a10.24 10.24 0 0 0 2.4064-14.3872 137.915733 137.915733 0 0 0-111.342934-56.849067z"
                    fill="#1afa29"
                    p-id="6031"
                  ></path>
                  <path
                    d="M384.1536 444.142933h1.5872l-20.48 409.6h268.2368l-20.48-409.6"
                    fill="#1afa29"
                    p-id="6032"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l20.48-409.6 5.239467 0.256v-6.826667h1.5872a6.826667 6.826667 0 0 1 6.826666 7.168l-20.1216 402.432H626.346667l-20.1216-402.432 13.653333-0.682666 20.48 409.6a6.826667 6.826667 0 0 1-6.826667 7.168z"
                    fill="#1afa29"
                    p-id="6033"
                  ></path>
                  <path
                    d="M613.0176 446.276267l166.365867 22.545066L499.387733 167.509333 219.374933 468.821333l164.778667-22.545066"
                    fill="#1afa29"
                    p-id="6034"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l19.968-399.240533-158.122667 21.435733a6.826667 6.826667 0 0 1-5.922133-11.4176L494.370133 162.8672a6.826667 6.826667 0 0 1 10.001067 0L784.384 464.213333a6.826667 6.826667 0 0 1-5.922133 11.4176l-158.122667-21.418666L640.3072 853.333333a6.826667 6.826667 0 0 1-6.826667 7.168z m-261.12-13.653333H626.346667L606.3104 446.634667a6.826667 6.826667 0 0 1 7.7312-7.099734l147.3536 19.950934L499.370667 177.493333 237.3632 459.485867l147.3536-19.968a6.826667 6.826667 0 0 1 7.7312 7.099733z"
                    fill="#1afa29"
                    p-id="6035"
                  ></path>
                  <path
                    d="M557.3632 617.5744l149.5552 105.659733 149.572267-105.659733a184.644267 184.644267 0 0 0-299.1616 0z"
                    fill="#1afa29"
                    p-id="6036"
                  ></path>
                  <path
                    d="M706.935467 541.184a184.32 184.32 0 0 1 149.572266 76.3904l-149.572266 105.659733-149.5552-105.659733a184.32 184.32 0 0 1 149.572266-76.3904m0-10.24a194.56 194.56 0 0 0-157.866666 80.622933 10.24 10.24 0 0 0 2.184533 14.2336l0.221867 0.1536 149.5552 105.659734a10.24 10.24 0 0 0 11.810133 0l149.5552-105.642667a10.24 10.24 0 0 0 2.4064-14.3872 194.56 194.56 0 0 0-157.866667-80.622933z"
                    fill="#1afa29"
                    p-id="6037"
                  ></path>
                </svg>
              </h2>
              <button>
                <svg
                  t="1650034292952"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="4963"
                  width="16"
                  height="16"
                >
                  <path
                    d="M484.112 32.864C234.224 32.864 32 208.736 32 425.744c0 133.104 77.28 251.52 193.92 323.76v121.68c0 16.416 11.52 26.304 24.72 26.304a30.624 30.624 0 0 0 13.152-3.312l123.264-82.176c31.248 6.576 62.496 8.256 95.376 8.256 249.84 0 452.016-175.92 452.016-392.88 1.68-218.64-200.496-394.56-450.384-394.56z m0 721.632c-27.984 0-55.92-3.312-83.856-8.256l-13.152-3.264a33.936 33.936 0 0 0-24.672 4.944l-11.52 8.16-59.136 39.504v-64.128c0-11.52-6.576-23.04-16.464-27.936l-16.416-9.84c-101.952-60.864-162.72-161.136-162.72-266.304 0-180.816 172.608-327.12 386.256-327.12 213.744 0 386.304 146.304 386.304 327.12 1.68 179.136-172.56 327.12-384.624 327.12z m-256.464-317.28a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m205.488 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m198.912 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m311.376 84.96c-0.96-1.248-2.016-2.4-3.024-3.648a376.896 376.896 0 0 1-29.856 77.28c0.48 1.2 1.2 2.304 1.68 3.504 8.64 19.776 13.296 41.184 13.296 63.456 0 59.136-34.176 115.488-91.44 149.616l-9.216 5.568a17.856 17.856 0 0 0-9.264 15.696v36l-33.216-22.176-6.48-4.608c-4.608-2.736-9.216-3.696-13.824-2.736l-7.392 1.824a244.944 244.944 0 0 1-151.104-18.24c-30.72 7.2-62.592 11.664-95.424 13.248 51.408 44.304 122.16 71.664 200.352 71.664 20.688 0 40.32-1.008 60-5.136l77.616 51.744a19.296 19.296 0 0 0 8.16 2.064c8.352 0 15.6-6.24 15.6-16.56v-76.56c73.44-45.552 122.064-120 122.064-203.808 0-51.168-17.856-98.736-48.528-138.24z"
                    fill="#256efb"
                    p-id="4964"
                  ></path>
                </svg>
                <h3>围观讨论</h3>
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
              </button>
            </li>
            <li>
              <img class="image1" src="../images/17.png" alt="" />
              <h1>Hadoop</h1>
              <span>热门指数</span>
              <h2>
                12,542<svg
                  t="1650034408940"
                  class="icon1"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="6027"
                  width="16"
                  height="16"
                >
                  <path
                    d="M786.295467 485.000533l-6.126934 2.082134v-18.295467h6.024534l0.1024 16.213333zM221.5424 485.239467h-8.9088l-0.085333-16.247467 8.994133-0.512v16.759467z"
                    fill="#1afa29"
                    p-id="6028"
                  ></path>
                  <path
                    d="M784.469333 480.290133L504.456533 178.978133a6.826667 6.826667 0 0 0-10.001066 0L214.459733 480.290133a6.826667 6.826667 0 0 0 5.922134 11.4176l158.1056-21.435733L358.4 853.333333v16.162134a6.826667 6.826667 0 0 0 6.826667 7.168h268.356266a6.826667 6.826667 0 0 0 6.826667-7.168l-0.119467-16.3328-19.848533-382.8736 158.122667 21.418666a6.826667 6.826667 0 0 0 5.922133-11.4176z"
                    fill="#1afa29"
                    p-id="6029"
                  ></path>
                  <path
                    d="M191.3344 734.6176l103.031467 72.789333 103.048533-72.789333a127.197867 127.197867 0 0 0-206.097067 0z"
                    fill="#1afa29"
                    p-id="6030"
                  ></path>
                  <path
                    d="M294.382933 681.984a127.010133 127.010133 0 0 1 103.048534 52.6336l-103.048534 72.789333-103.031466-72.789333a127.010133 127.010133 0 0 1 103.048533-52.6336m0-10.24a137.915733 137.915733 0 0 0-111.342933 56.849067 10.24 10.24 0 0 0 2.269866 14.2848l0.136534 0.1024L288.426667 815.786667a10.24 10.24 0 0 0 11.810133 0l103.031467-72.772267a10.24 10.24 0 0 0 2.4064-14.3872 137.915733 137.915733 0 0 0-111.342934-56.849067z"
                    fill="#1afa29"
                    p-id="6031"
                  ></path>
                  <path
                    d="M384.1536 444.142933h1.5872l-20.48 409.6h268.2368l-20.48-409.6"
                    fill="#1afa29"
                    p-id="6032"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l20.48-409.6 5.239467 0.256v-6.826667h1.5872a6.826667 6.826667 0 0 1 6.826666 7.168l-20.1216 402.432H626.346667l-20.1216-402.432 13.653333-0.682666 20.48 409.6a6.826667 6.826667 0 0 1-6.826667 7.168z"
                    fill="#1afa29"
                    p-id="6033"
                  ></path>
                  <path
                    d="M613.0176 446.276267l166.365867 22.545066L499.387733 167.509333 219.374933 468.821333l164.778667-22.545066"
                    fill="#1afa29"
                    p-id="6034"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l19.968-399.240533-158.122667 21.435733a6.826667 6.826667 0 0 1-5.922133-11.4176L494.370133 162.8672a6.826667 6.826667 0 0 1 10.001067 0L784.384 464.213333a6.826667 6.826667 0 0 1-5.922133 11.4176l-158.122667-21.418666L640.3072 853.333333a6.826667 6.826667 0 0 1-6.826667 7.168z m-261.12-13.653333H626.346667L606.3104 446.634667a6.826667 6.826667 0 0 1 7.7312-7.099734l147.3536 19.950934L499.370667 177.493333 237.3632 459.485867l147.3536-19.968a6.826667 6.826667 0 0 1 7.7312 7.099733z"
                    fill="#1afa29"
                    p-id="6035"
                  ></path>
                  <path
                    d="M557.3632 617.5744l149.5552 105.659733 149.572267-105.659733a184.644267 184.644267 0 0 0-299.1616 0z"
                    fill="#1afa29"
                    p-id="6036"
                  ></path>
                  <path
                    d="M706.935467 541.184a184.32 184.32 0 0 1 149.572266 76.3904l-149.572266 105.659733-149.5552-105.659733a184.32 184.32 0 0 1 149.572266-76.3904m0-10.24a194.56 194.56 0 0 0-157.866666 80.622933 10.24 10.24 0 0 0 2.184533 14.2336l0.221867 0.1536 149.5552 105.659734a10.24 10.24 0 0 0 11.810133 0l149.5552-105.642667a10.24 10.24 0 0 0 2.4064-14.3872 194.56 194.56 0 0 0-157.866667-80.622933z"
                    fill="#1afa29"
                    p-id="6037"
                  ></path>
                </svg>
              </h2>
              <button>
                <svg
                  t="1650034292952"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="4963"
                  width="16"
                  height="16"
                >
                  <path
                    d="M484.112 32.864C234.224 32.864 32 208.736 32 425.744c0 133.104 77.28 251.52 193.92 323.76v121.68c0 16.416 11.52 26.304 24.72 26.304a30.624 30.624 0 0 0 13.152-3.312l123.264-82.176c31.248 6.576 62.496 8.256 95.376 8.256 249.84 0 452.016-175.92 452.016-392.88 1.68-218.64-200.496-394.56-450.384-394.56z m0 721.632c-27.984 0-55.92-3.312-83.856-8.256l-13.152-3.264a33.936 33.936 0 0 0-24.672 4.944l-11.52 8.16-59.136 39.504v-64.128c0-11.52-6.576-23.04-16.464-27.936l-16.416-9.84c-101.952-60.864-162.72-161.136-162.72-266.304 0-180.816 172.608-327.12 386.256-327.12 213.744 0 386.304 146.304 386.304 327.12 1.68 179.136-172.56 327.12-384.624 327.12z m-256.464-317.28a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m205.488 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m198.912 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m311.376 84.96c-0.96-1.248-2.016-2.4-3.024-3.648a376.896 376.896 0 0 1-29.856 77.28c0.48 1.2 1.2 2.304 1.68 3.504 8.64 19.776 13.296 41.184 13.296 63.456 0 59.136-34.176 115.488-91.44 149.616l-9.216 5.568a17.856 17.856 0 0 0-9.264 15.696v36l-33.216-22.176-6.48-4.608c-4.608-2.736-9.216-3.696-13.824-2.736l-7.392 1.824a244.944 244.944 0 0 1-151.104-18.24c-30.72 7.2-62.592 11.664-95.424 13.248 51.408 44.304 122.16 71.664 200.352 71.664 20.688 0 40.32-1.008 60-5.136l77.616 51.744a19.296 19.296 0 0 0 8.16 2.064c8.352 0 15.6-6.24 15.6-16.56v-76.56c73.44-45.552 122.064-120 122.064-203.808 0-51.168-17.856-98.736-48.528-138.24z"
                    fill="#256efb"
                    p-id="4964"
                  ></path>
                </svg>
                <h3>围观讨论</h3>
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
              </button>
            </li>
            <li>
              <img class="image1" src="../images/22.png" alt="" />
              <h1>Ajax</h1>
              <span>热门指数</span>
              <h2>
                15,455<svg
                  t="1650034408940"
                  class="icon1"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="6027"
                  width="16"
                  height="16"
                >
                  <path
                    d="M786.295467 485.000533l-6.126934 2.082134v-18.295467h6.024534l0.1024 16.213333zM221.5424 485.239467h-8.9088l-0.085333-16.247467 8.994133-0.512v16.759467z"
                    fill="#1afa29"
                    p-id="6028"
                  ></path>
                  <path
                    d="M784.469333 480.290133L504.456533 178.978133a6.826667 6.826667 0 0 0-10.001066 0L214.459733 480.290133a6.826667 6.826667 0 0 0 5.922134 11.4176l158.1056-21.435733L358.4 853.333333v16.162134a6.826667 6.826667 0 0 0 6.826667 7.168h268.356266a6.826667 6.826667 0 0 0 6.826667-7.168l-0.119467-16.3328-19.848533-382.8736 158.122667 21.418666a6.826667 6.826667 0 0 0 5.922133-11.4176z"
                    fill="#1afa29"
                    p-id="6029"
                  ></path>
                  <path
                    d="M191.3344 734.6176l103.031467 72.789333 103.048533-72.789333a127.197867 127.197867 0 0 0-206.097067 0z"
                    fill="#1afa29"
                    p-id="6030"
                  ></path>
                  <path
                    d="M294.382933 681.984a127.010133 127.010133 0 0 1 103.048534 52.6336l-103.048534 72.789333-103.031466-72.789333a127.010133 127.010133 0 0 1 103.048533-52.6336m0-10.24a137.915733 137.915733 0 0 0-111.342933 56.849067 10.24 10.24 0 0 0 2.269866 14.2848l0.136534 0.1024L288.426667 815.786667a10.24 10.24 0 0 0 11.810133 0l103.031467-72.772267a10.24 10.24 0 0 0 2.4064-14.3872 137.915733 137.915733 0 0 0-111.342934-56.849067z"
                    fill="#1afa29"
                    p-id="6031"
                  ></path>
                  <path
                    d="M384.1536 444.142933h1.5872l-20.48 409.6h268.2368l-20.48-409.6"
                    fill="#1afa29"
                    p-id="6032"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l20.48-409.6 5.239467 0.256v-6.826667h1.5872a6.826667 6.826667 0 0 1 6.826666 7.168l-20.1216 402.432H626.346667l-20.1216-402.432 13.653333-0.682666 20.48 409.6a6.826667 6.826667 0 0 1-6.826667 7.168z"
                    fill="#1afa29"
                    p-id="6033"
                  ></path>
                  <path
                    d="M613.0176 446.276267l166.365867 22.545066L499.387733 167.509333 219.374933 468.821333l164.778667-22.545066"
                    fill="#1afa29"
                    p-id="6034"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l19.968-399.240533-158.122667 21.435733a6.826667 6.826667 0 0 1-5.922133-11.4176L494.370133 162.8672a6.826667 6.826667 0 0 1 10.001067 0L784.384 464.213333a6.826667 6.826667 0 0 1-5.922133 11.4176l-158.122667-21.418666L640.3072 853.333333a6.826667 6.826667 0 0 1-6.826667 7.168z m-261.12-13.653333H626.346667L606.3104 446.634667a6.826667 6.826667 0 0 1 7.7312-7.099734l147.3536 19.950934L499.370667 177.493333 237.3632 459.485867l147.3536-19.968a6.826667 6.826667 0 0 1 7.7312 7.099733z"
                    fill="#1afa29"
                    p-id="6035"
                  ></path>
                  <path
                    d="M557.3632 617.5744l149.5552 105.659733 149.572267-105.659733a184.644267 184.644267 0 0 0-299.1616 0z"
                    fill="#1afa29"
                    p-id="6036"
                  ></path>
                  <path
                    d="M706.935467 541.184a184.32 184.32 0 0 1 149.572266 76.3904l-149.572266 105.659733-149.5552-105.659733a184.32 184.32 0 0 1 149.572266-76.3904m0-10.24a194.56 194.56 0 0 0-157.866666 80.622933 10.24 10.24 0 0 0 2.184533 14.2336l0.221867 0.1536 149.5552 105.659734a10.24 10.24 0 0 0 11.810133 0l149.5552-105.642667a10.24 10.24 0 0 0 2.4064-14.3872 194.56 194.56 0 0 0-157.866667-80.622933z"
                    fill="#1afa29"
                    p-id="6037"
                  ></path>
                </svg>
              </h2>
              <button>
                <svg
                  t="1650034292952"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="4963"
                  width="16"
                  height="16"
                >
                  <path
                    d="M484.112 32.864C234.224 32.864 32 208.736 32 425.744c0 133.104 77.28 251.52 193.92 323.76v121.68c0 16.416 11.52 26.304 24.72 26.304a30.624 30.624 0 0 0 13.152-3.312l123.264-82.176c31.248 6.576 62.496 8.256 95.376 8.256 249.84 0 452.016-175.92 452.016-392.88 1.68-218.64-200.496-394.56-450.384-394.56z m0 721.632c-27.984 0-55.92-3.312-83.856-8.256l-13.152-3.264a33.936 33.936 0 0 0-24.672 4.944l-11.52 8.16-59.136 39.504v-64.128c0-11.52-6.576-23.04-16.464-27.936l-16.416-9.84c-101.952-60.864-162.72-161.136-162.72-266.304 0-180.816 172.608-327.12 386.256-327.12 213.744 0 386.304 146.304 386.304 327.12 1.68 179.136-172.56 327.12-384.624 327.12z m-256.464-317.28a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m205.488 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m198.912 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m311.376 84.96c-0.96-1.248-2.016-2.4-3.024-3.648a376.896 376.896 0 0 1-29.856 77.28c0.48 1.2 1.2 2.304 1.68 3.504 8.64 19.776 13.296 41.184 13.296 63.456 0 59.136-34.176 115.488-91.44 149.616l-9.216 5.568a17.856 17.856 0 0 0-9.264 15.696v36l-33.216-22.176-6.48-4.608c-4.608-2.736-9.216-3.696-13.824-2.736l-7.392 1.824a244.944 244.944 0 0 1-151.104-18.24c-30.72 7.2-62.592 11.664-95.424 13.248 51.408 44.304 122.16 71.664 200.352 71.664 20.688 0 40.32-1.008 60-5.136l77.616 51.744a19.296 19.296 0 0 0 8.16 2.064c8.352 0 15.6-6.24 15.6-16.56v-76.56c73.44-45.552 122.064-120 122.064-203.808 0-51.168-17.856-98.736-48.528-138.24z"
                    fill="#256efb"
                    p-id="4964"
                  ></path>
                </svg>
                <h3>围观讨论</h3>
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
              </button>
            </li>
          </ul>
          <ul v-show="Index == 1">
            <li>
              <img class="image1" src="../images/8.png" alt="" />
              <h1>Node</h1>
              <span>热门指数</span>
              <h2>
                22,427<svg
                  t="1650034408940"
                  class="icon1"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="6027"
                  width="16"
                  height="16"
                >
                  <path
                    d="M786.295467 485.000533l-6.126934 2.082134v-18.295467h6.024534l0.1024 16.213333zM221.5424 485.239467h-8.9088l-0.085333-16.247467 8.994133-0.512v16.759467z"
                    fill="#1afa29"
                    p-id="6028"
                  ></path>
                  <path
                    d="M784.469333 480.290133L504.456533 178.978133a6.826667 6.826667 0 0 0-10.001066 0L214.459733 480.290133a6.826667 6.826667 0 0 0 5.922134 11.4176l158.1056-21.435733L358.4 853.333333v16.162134a6.826667 6.826667 0 0 0 6.826667 7.168h268.356266a6.826667 6.826667 0 0 0 6.826667-7.168l-0.119467-16.3328-19.848533-382.8736 158.122667 21.418666a6.826667 6.826667 0 0 0 5.922133-11.4176z"
                    fill="#1afa29"
                    p-id="6029"
                  ></path>
                  <path
                    d="M191.3344 734.6176l103.031467 72.789333 103.048533-72.789333a127.197867 127.197867 0 0 0-206.097067 0z"
                    fill="#1afa29"
                    p-id="6030"
                  ></path>
                  <path
                    d="M294.382933 681.984a127.010133 127.010133 0 0 1 103.048534 52.6336l-103.048534 72.789333-103.031466-72.789333a127.010133 127.010133 0 0 1 103.048533-52.6336m0-10.24a137.915733 137.915733 0 0 0-111.342933 56.849067 10.24 10.24 0 0 0 2.269866 14.2848l0.136534 0.1024L288.426667 815.786667a10.24 10.24 0 0 0 11.810133 0l103.031467-72.772267a10.24 10.24 0 0 0 2.4064-14.3872 137.915733 137.915733 0 0 0-111.342934-56.849067z"
                    fill="#1afa29"
                    p-id="6031"
                  ></path>
                  <path
                    d="M384.1536 444.142933h1.5872l-20.48 409.6h268.2368l-20.48-409.6"
                    fill="#1afa29"
                    p-id="6032"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l20.48-409.6 5.239467 0.256v-6.826667h1.5872a6.826667 6.826667 0 0 1 6.826666 7.168l-20.1216 402.432H626.346667l-20.1216-402.432 13.653333-0.682666 20.48 409.6a6.826667 6.826667 0 0 1-6.826667 7.168z"
                    fill="#1afa29"
                    p-id="6033"
                  ></path>
                  <path
                    d="M613.0176 446.276267l166.365867 22.545066L499.387733 167.509333 219.374933 468.821333l164.778667-22.545066"
                    fill="#1afa29"
                    p-id="6034"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l19.968-399.240533-158.122667 21.435733a6.826667 6.826667 0 0 1-5.922133-11.4176L494.370133 162.8672a6.826667 6.826667 0 0 1 10.001067 0L784.384 464.213333a6.826667 6.826667 0 0 1-5.922133 11.4176l-158.122667-21.418666L640.3072 853.333333a6.826667 6.826667 0 0 1-6.826667 7.168z m-261.12-13.653333H626.346667L606.3104 446.634667a6.826667 6.826667 0 0 1 7.7312-7.099734l147.3536 19.950934L499.370667 177.493333 237.3632 459.485867l147.3536-19.968a6.826667 6.826667 0 0 1 7.7312 7.099733z"
                    fill="#1afa29"
                    p-id="6035"
                  ></path>
                  <path
                    d="M557.3632 617.5744l149.5552 105.659733 149.572267-105.659733a184.644267 184.644267 0 0 0-299.1616 0z"
                    fill="#1afa29"
                    p-id="6036"
                  ></path>
                  <path
                    d="M706.935467 541.184a184.32 184.32 0 0 1 149.572266 76.3904l-149.572266 105.659733-149.5552-105.659733a184.32 184.32 0 0 1 149.572266-76.3904m0-10.24a194.56 194.56 0 0 0-157.866666 80.622933 10.24 10.24 0 0 0 2.184533 14.2336l0.221867 0.1536 149.5552 105.659734a10.24 10.24 0 0 0 11.810133 0l149.5552-105.642667a10.24 10.24 0 0 0 2.4064-14.3872 194.56 194.56 0 0 0-157.866667-80.622933z"
                    fill="#1afa29"
                    p-id="6037"
                  ></path>
                </svg>
              </h2>
              <button>
                <svg
                  t="1650034292952"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="4963"
                  width="16"
                  height="16"
                >
                  <path
                    d="M484.112 32.864C234.224 32.864 32 208.736 32 425.744c0 133.104 77.28 251.52 193.92 323.76v121.68c0 16.416 11.52 26.304 24.72 26.304a30.624 30.624 0 0 0 13.152-3.312l123.264-82.176c31.248 6.576 62.496 8.256 95.376 8.256 249.84 0 452.016-175.92 452.016-392.88 1.68-218.64-200.496-394.56-450.384-394.56z m0 721.632c-27.984 0-55.92-3.312-83.856-8.256l-13.152-3.264a33.936 33.936 0 0 0-24.672 4.944l-11.52 8.16-59.136 39.504v-64.128c0-11.52-6.576-23.04-16.464-27.936l-16.416-9.84c-101.952-60.864-162.72-161.136-162.72-266.304 0-180.816 172.608-327.12 386.256-327.12 213.744 0 386.304 146.304 386.304 327.12 1.68 179.136-172.56 327.12-384.624 327.12z m-256.464-317.28a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m205.488 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m198.912 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m311.376 84.96c-0.96-1.248-2.016-2.4-3.024-3.648a376.896 376.896 0 0 1-29.856 77.28c0.48 1.2 1.2 2.304 1.68 3.504 8.64 19.776 13.296 41.184 13.296 63.456 0 59.136-34.176 115.488-91.44 149.616l-9.216 5.568a17.856 17.856 0 0 0-9.264 15.696v36l-33.216-22.176-6.48-4.608c-4.608-2.736-9.216-3.696-13.824-2.736l-7.392 1.824a244.944 244.944 0 0 1-151.104-18.24c-30.72 7.2-62.592 11.664-95.424 13.248 51.408 44.304 122.16 71.664 200.352 71.664 20.688 0 40.32-1.008 60-5.136l77.616 51.744a19.296 19.296 0 0 0 8.16 2.064c8.352 0 15.6-6.24 15.6-16.56v-76.56c73.44-45.552 122.064-120 122.064-203.808 0-51.168-17.856-98.736-48.528-138.24z"
                    fill="#256efb"
                    p-id="4964"
                  ></path>
                </svg>
                <h3>围观讨论</h3>
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
              </button>
            </li>
            <li>
              <img class="image1" src="../images/16.png" alt="" />
              <h1>Vue</h1>
              <span>热门指数</span>
              <h2>
                25,567<svg
                  t="1650034408940"
                  class="icon1"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="6027"
                  width="16"
                  height="16"
                >
                  <path
                    d="M786.295467 485.000533l-6.126934 2.082134v-18.295467h6.024534l0.1024 16.213333zM221.5424 485.239467h-8.9088l-0.085333-16.247467 8.994133-0.512v16.759467z"
                    fill="#1afa29"
                    p-id="6028"
                  ></path>
                  <path
                    d="M784.469333 480.290133L504.456533 178.978133a6.826667 6.826667 0 0 0-10.001066 0L214.459733 480.290133a6.826667 6.826667 0 0 0 5.922134 11.4176l158.1056-21.435733L358.4 853.333333v16.162134a6.826667 6.826667 0 0 0 6.826667 7.168h268.356266a6.826667 6.826667 0 0 0 6.826667-7.168l-0.119467-16.3328-19.848533-382.8736 158.122667 21.418666a6.826667 6.826667 0 0 0 5.922133-11.4176z"
                    fill="#1afa29"
                    p-id="6029"
                  ></path>
                  <path
                    d="M191.3344 734.6176l103.031467 72.789333 103.048533-72.789333a127.197867 127.197867 0 0 0-206.097067 0z"
                    fill="#1afa29"
                    p-id="6030"
                  ></path>
                  <path
                    d="M294.382933 681.984a127.010133 127.010133 0 0 1 103.048534 52.6336l-103.048534 72.789333-103.031466-72.789333a127.010133 127.010133 0 0 1 103.048533-52.6336m0-10.24a137.915733 137.915733 0 0 0-111.342933 56.849067 10.24 10.24 0 0 0 2.269866 14.2848l0.136534 0.1024L288.426667 815.786667a10.24 10.24 0 0 0 11.810133 0l103.031467-72.772267a10.24 10.24 0 0 0 2.4064-14.3872 137.915733 137.915733 0 0 0-111.342934-56.849067z"
                    fill="#1afa29"
                    p-id="6031"
                  ></path>
                  <path
                    d="M384.1536 444.142933h1.5872l-20.48 409.6h268.2368l-20.48-409.6"
                    fill="#1afa29"
                    p-id="6032"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l20.48-409.6 5.239467 0.256v-6.826667h1.5872a6.826667 6.826667 0 0 1 6.826666 7.168l-20.1216 402.432H626.346667l-20.1216-402.432 13.653333-0.682666 20.48 409.6a6.826667 6.826667 0 0 1-6.826667 7.168z"
                    fill="#1afa29"
                    p-id="6033"
                  ></path>
                  <path
                    d="M613.0176 446.276267l166.365867 22.545066L499.387733 167.509333 219.374933 468.821333l164.778667-22.545066"
                    fill="#1afa29"
                    p-id="6034"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l19.968-399.240533-158.122667 21.435733a6.826667 6.826667 0 0 1-5.922133-11.4176L494.370133 162.8672a6.826667 6.826667 0 0 1 10.001067 0L784.384 464.213333a6.826667 6.826667 0 0 1-5.922133 11.4176l-158.122667-21.418666L640.3072 853.333333a6.826667 6.826667 0 0 1-6.826667 7.168z m-261.12-13.653333H626.346667L606.3104 446.634667a6.826667 6.826667 0 0 1 7.7312-7.099734l147.3536 19.950934L499.370667 177.493333 237.3632 459.485867l147.3536-19.968a6.826667 6.826667 0 0 1 7.7312 7.099733z"
                    fill="#1afa29"
                    p-id="6035"
                  ></path>
                  <path
                    d="M557.3632 617.5744l149.5552 105.659733 149.572267-105.659733a184.644267 184.644267 0 0 0-299.1616 0z"
                    fill="#1afa29"
                    p-id="6036"
                  ></path>
                  <path
                    d="M706.935467 541.184a184.32 184.32 0 0 1 149.572266 76.3904l-149.572266 105.659733-149.5552-105.659733a184.32 184.32 0 0 1 149.572266-76.3904m0-10.24a194.56 194.56 0 0 0-157.866666 80.622933 10.24 10.24 0 0 0 2.184533 14.2336l0.221867 0.1536 149.5552 105.659734a10.24 10.24 0 0 0 11.810133 0l149.5552-105.642667a10.24 10.24 0 0 0 2.4064-14.3872 194.56 194.56 0 0 0-157.866667-80.622933z"
                    fill="#1afa29"
                    p-id="6037"
                  ></path>
                </svg>
              </h2>
              <button>
                <svg
                  t="1650034292952"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="4963"
                  width="16"
                  height="16"
                >
                  <path
                    d="M484.112 32.864C234.224 32.864 32 208.736 32 425.744c0 133.104 77.28 251.52 193.92 323.76v121.68c0 16.416 11.52 26.304 24.72 26.304a30.624 30.624 0 0 0 13.152-3.312l123.264-82.176c31.248 6.576 62.496 8.256 95.376 8.256 249.84 0 452.016-175.92 452.016-392.88 1.68-218.64-200.496-394.56-450.384-394.56z m0 721.632c-27.984 0-55.92-3.312-83.856-8.256l-13.152-3.264a33.936 33.936 0 0 0-24.672 4.944l-11.52 8.16-59.136 39.504v-64.128c0-11.52-6.576-23.04-16.464-27.936l-16.416-9.84c-101.952-60.864-162.72-161.136-162.72-266.304 0-180.816 172.608-327.12 386.256-327.12 213.744 0 386.304 146.304 386.304 327.12 1.68 179.136-172.56 327.12-384.624 327.12z m-256.464-317.28a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m205.488 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m198.912 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m311.376 84.96c-0.96-1.248-2.016-2.4-3.024-3.648a376.896 376.896 0 0 1-29.856 77.28c0.48 1.2 1.2 2.304 1.68 3.504 8.64 19.776 13.296 41.184 13.296 63.456 0 59.136-34.176 115.488-91.44 149.616l-9.216 5.568a17.856 17.856 0 0 0-9.264 15.696v36l-33.216-22.176-6.48-4.608c-4.608-2.736-9.216-3.696-13.824-2.736l-7.392 1.824a244.944 244.944 0 0 1-151.104-18.24c-30.72 7.2-62.592 11.664-95.424 13.248 51.408 44.304 122.16 71.664 200.352 71.664 20.688 0 40.32-1.008 60-5.136l77.616 51.744a19.296 19.296 0 0 0 8.16 2.064c8.352 0 15.6-6.24 15.6-16.56v-76.56c73.44-45.552 122.064-120 122.064-203.808 0-51.168-17.856-98.736-48.528-138.24z"
                    fill="#256efb"
                    p-id="4964"
                  ></path>
                </svg>
                <h3>围观讨论</h3>
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
              </button>
            </li>
            <li>
              <img class="image1" src="../images/3.png" alt="" />
              <h1>HTML</h1>
              <span>热门指数</span>
              <h2>
                12,527<svg
                  t="1650034408940"
                  class="icon1"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="6027"
                  width="16"
                  height="16"
                >
                  <path
                    d="M786.295467 485.000533l-6.126934 2.082134v-18.295467h6.024534l0.1024 16.213333zM221.5424 485.239467h-8.9088l-0.085333-16.247467 8.994133-0.512v16.759467z"
                    fill="#1afa29"
                    p-id="6028"
                  ></path>
                  <path
                    d="M784.469333 480.290133L504.456533 178.978133a6.826667 6.826667 0 0 0-10.001066 0L214.459733 480.290133a6.826667 6.826667 0 0 0 5.922134 11.4176l158.1056-21.435733L358.4 853.333333v16.162134a6.826667 6.826667 0 0 0 6.826667 7.168h268.356266a6.826667 6.826667 0 0 0 6.826667-7.168l-0.119467-16.3328-19.848533-382.8736 158.122667 21.418666a6.826667 6.826667 0 0 0 5.922133-11.4176z"
                    fill="#1afa29"
                    p-id="6029"
                  ></path>
                  <path
                    d="M191.3344 734.6176l103.031467 72.789333 103.048533-72.789333a127.197867 127.197867 0 0 0-206.097067 0z"
                    fill="#1afa29"
                    p-id="6030"
                  ></path>
                  <path
                    d="M294.382933 681.984a127.010133 127.010133 0 0 1 103.048534 52.6336l-103.048534 72.789333-103.031466-72.789333a127.010133 127.010133 0 0 1 103.048533-52.6336m0-10.24a137.915733 137.915733 0 0 0-111.342933 56.849067 10.24 10.24 0 0 0 2.269866 14.2848l0.136534 0.1024L288.426667 815.786667a10.24 10.24 0 0 0 11.810133 0l103.031467-72.772267a10.24 10.24 0 0 0 2.4064-14.3872 137.915733 137.915733 0 0 0-111.342934-56.849067z"
                    fill="#1afa29"
                    p-id="6031"
                  ></path>
                  <path
                    d="M384.1536 444.142933h1.5872l-20.48 409.6h268.2368l-20.48-409.6"
                    fill="#1afa29"
                    p-id="6032"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l20.48-409.6 5.239467 0.256v-6.826667h1.5872a6.826667 6.826667 0 0 1 6.826666 7.168l-20.1216 402.432H626.346667l-20.1216-402.432 13.653333-0.682666 20.48 409.6a6.826667 6.826667 0 0 1-6.826667 7.168z"
                    fill="#1afa29"
                    p-id="6033"
                  ></path>
                  <path
                    d="M613.0176 446.276267l166.365867 22.545066L499.387733 167.509333 219.374933 468.821333l164.778667-22.545066"
                    fill="#1afa29"
                    p-id="6034"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l19.968-399.240533-158.122667 21.435733a6.826667 6.826667 0 0 1-5.922133-11.4176L494.370133 162.8672a6.826667 6.826667 0 0 1 10.001067 0L784.384 464.213333a6.826667 6.826667 0 0 1-5.922133 11.4176l-158.122667-21.418666L640.3072 853.333333a6.826667 6.826667 0 0 1-6.826667 7.168z m-261.12-13.653333H626.346667L606.3104 446.634667a6.826667 6.826667 0 0 1 7.7312-7.099734l147.3536 19.950934L499.370667 177.493333 237.3632 459.485867l147.3536-19.968a6.826667 6.826667 0 0 1 7.7312 7.099733z"
                    fill="#1afa29"
                    p-id="6035"
                  ></path>
                  <path
                    d="M557.3632 617.5744l149.5552 105.659733 149.572267-105.659733a184.644267 184.644267 0 0 0-299.1616 0z"
                    fill="#1afa29"
                    p-id="6036"
                  ></path>
                  <path
                    d="M706.935467 541.184a184.32 184.32 0 0 1 149.572266 76.3904l-149.572266 105.659733-149.5552-105.659733a184.32 184.32 0 0 1 149.572266-76.3904m0-10.24a194.56 194.56 0 0 0-157.866666 80.622933 10.24 10.24 0 0 0 2.184533 14.2336l0.221867 0.1536 149.5552 105.659734a10.24 10.24 0 0 0 11.810133 0l149.5552-105.642667a10.24 10.24 0 0 0 2.4064-14.3872 194.56 194.56 0 0 0-157.866667-80.622933z"
                    fill="#1afa29"
                    p-id="6037"
                  ></path>
                </svg>
              </h2>
              <button>
                <svg
                  t="1650034292952"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="4963"
                  width="16"
                  height="16"
                >
                  <path
                    d="M484.112 32.864C234.224 32.864 32 208.736 32 425.744c0 133.104 77.28 251.52 193.92 323.76v121.68c0 16.416 11.52 26.304 24.72 26.304a30.624 30.624 0 0 0 13.152-3.312l123.264-82.176c31.248 6.576 62.496 8.256 95.376 8.256 249.84 0 452.016-175.92 452.016-392.88 1.68-218.64-200.496-394.56-450.384-394.56z m0 721.632c-27.984 0-55.92-3.312-83.856-8.256l-13.152-3.264a33.936 33.936 0 0 0-24.672 4.944l-11.52 8.16-59.136 39.504v-64.128c0-11.52-6.576-23.04-16.464-27.936l-16.416-9.84c-101.952-60.864-162.72-161.136-162.72-266.304 0-180.816 172.608-327.12 386.256-327.12 213.744 0 386.304 146.304 386.304 327.12 1.68 179.136-172.56 327.12-384.624 327.12z m-256.464-317.28a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m205.488 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m198.912 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m311.376 84.96c-0.96-1.248-2.016-2.4-3.024-3.648a376.896 376.896 0 0 1-29.856 77.28c0.48 1.2 1.2 2.304 1.68 3.504 8.64 19.776 13.296 41.184 13.296 63.456 0 59.136-34.176 115.488-91.44 149.616l-9.216 5.568a17.856 17.856 0 0 0-9.264 15.696v36l-33.216-22.176-6.48-4.608c-4.608-2.736-9.216-3.696-13.824-2.736l-7.392 1.824a244.944 244.944 0 0 1-151.104-18.24c-30.72 7.2-62.592 11.664-95.424 13.248 51.408 44.304 122.16 71.664 200.352 71.664 20.688 0 40.32-1.008 60-5.136l77.616 51.744a19.296 19.296 0 0 0 8.16 2.064c8.352 0 15.6-6.24 15.6-16.56v-76.56c73.44-45.552 122.064-120 122.064-203.808 0-51.168-17.856-98.736-48.528-138.24z"
                    fill="#256efb"
                    p-id="4964"
                  ></path>
                </svg>
                <h3>围观讨论</h3>
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
              </button>
            </li>
            <li>
              <img class="image1" src="../images/4.png" alt="" />
              <h1>CSS</h1>
              <span>热门指数</span>
              <h2>
                10,191<svg
                  t="1650034408940"
                  class="icon1"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="6027"
                  width="16"
                  height="16"
                >
                  <path
                    d="M786.295467 485.000533l-6.126934 2.082134v-18.295467h6.024534l0.1024 16.213333zM221.5424 485.239467h-8.9088l-0.085333-16.247467 8.994133-0.512v16.759467z"
                    fill="#1afa29"
                    p-id="6028"
                  ></path>
                  <path
                    d="M784.469333 480.290133L504.456533 178.978133a6.826667 6.826667 0 0 0-10.001066 0L214.459733 480.290133a6.826667 6.826667 0 0 0 5.922134 11.4176l158.1056-21.435733L358.4 853.333333v16.162134a6.826667 6.826667 0 0 0 6.826667 7.168h268.356266a6.826667 6.826667 0 0 0 6.826667-7.168l-0.119467-16.3328-19.848533-382.8736 158.122667 21.418666a6.826667 6.826667 0 0 0 5.922133-11.4176z"
                    fill="#1afa29"
                    p-id="6029"
                  ></path>
                  <path
                    d="M191.3344 734.6176l103.031467 72.789333 103.048533-72.789333a127.197867 127.197867 0 0 0-206.097067 0z"
                    fill="#1afa29"
                    p-id="6030"
                  ></path>
                  <path
                    d="M294.382933 681.984a127.010133 127.010133 0 0 1 103.048534 52.6336l-103.048534 72.789333-103.031466-72.789333a127.010133 127.010133 0 0 1 103.048533-52.6336m0-10.24a137.915733 137.915733 0 0 0-111.342933 56.849067 10.24 10.24 0 0 0 2.269866 14.2848l0.136534 0.1024L288.426667 815.786667a10.24 10.24 0 0 0 11.810133 0l103.031467-72.772267a10.24 10.24 0 0 0 2.4064-14.3872 137.915733 137.915733 0 0 0-111.342934-56.849067z"
                    fill="#1afa29"
                    p-id="6031"
                  ></path>
                  <path
                    d="M384.1536 444.142933h1.5872l-20.48 409.6h268.2368l-20.48-409.6"
                    fill="#1afa29"
                    p-id="6032"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l20.48-409.6 5.239467 0.256v-6.826667h1.5872a6.826667 6.826667 0 0 1 6.826666 7.168l-20.1216 402.432H626.346667l-20.1216-402.432 13.653333-0.682666 20.48 409.6a6.826667 6.826667 0 0 1-6.826667 7.168z"
                    fill="#1afa29"
                    p-id="6033"
                  ></path>
                  <path
                    d="M613.0176 446.276267l166.365867 22.545066L499.387733 167.509333 219.374933 468.821333l164.778667-22.545066"
                    fill="#1afa29"
                    p-id="6034"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l19.968-399.240533-158.122667 21.435733a6.826667 6.826667 0 0 1-5.922133-11.4176L494.370133 162.8672a6.826667 6.826667 0 0 1 10.001067 0L784.384 464.213333a6.826667 6.826667 0 0 1-5.922133 11.4176l-158.122667-21.418666L640.3072 853.333333a6.826667 6.826667 0 0 1-6.826667 7.168z m-261.12-13.653333H626.346667L606.3104 446.634667a6.826667 6.826667 0 0 1 7.7312-7.099734l147.3536 19.950934L499.370667 177.493333 237.3632 459.485867l147.3536-19.968a6.826667 6.826667 0 0 1 7.7312 7.099733z"
                    fill="#1afa29"
                    p-id="6035"
                  ></path>
                  <path
                    d="M557.3632 617.5744l149.5552 105.659733 149.572267-105.659733a184.644267 184.644267 0 0 0-299.1616 0z"
                    fill="#1afa29"
                    p-id="6036"
                  ></path>
                  <path
                    d="M706.935467 541.184a184.32 184.32 0 0 1 149.572266 76.3904l-149.572266 105.659733-149.5552-105.659733a184.32 184.32 0 0 1 149.572266-76.3904m0-10.24a194.56 194.56 0 0 0-157.866666 80.622933 10.24 10.24 0 0 0 2.184533 14.2336l0.221867 0.1536 149.5552 105.659734a10.24 10.24 0 0 0 11.810133 0l149.5552-105.642667a10.24 10.24 0 0 0 2.4064-14.3872 194.56 194.56 0 0 0-157.866667-80.622933z"
                    fill="#1afa29"
                    p-id="6037"
                  ></path>
                </svg>
              </h2>
              <button>
                <svg
                  t="1650034292952"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="4963"
                  width="16"
                  height="16"
                >
                  <path
                    d="M484.112 32.864C234.224 32.864 32 208.736 32 425.744c0 133.104 77.28 251.52 193.92 323.76v121.68c0 16.416 11.52 26.304 24.72 26.304a30.624 30.624 0 0 0 13.152-3.312l123.264-82.176c31.248 6.576 62.496 8.256 95.376 8.256 249.84 0 452.016-175.92 452.016-392.88 1.68-218.64-200.496-394.56-450.384-394.56z m0 721.632c-27.984 0-55.92-3.312-83.856-8.256l-13.152-3.264a33.936 33.936 0 0 0-24.672 4.944l-11.52 8.16-59.136 39.504v-64.128c0-11.52-6.576-23.04-16.464-27.936l-16.416-9.84c-101.952-60.864-162.72-161.136-162.72-266.304 0-180.816 172.608-327.12 386.256-327.12 213.744 0 386.304 146.304 386.304 327.12 1.68 179.136-172.56 327.12-384.624 327.12z m-256.464-317.28a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m205.488 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m198.912 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m311.376 84.96c-0.96-1.248-2.016-2.4-3.024-3.648a376.896 376.896 0 0 1-29.856 77.28c0.48 1.2 1.2 2.304 1.68 3.504 8.64 19.776 13.296 41.184 13.296 63.456 0 59.136-34.176 115.488-91.44 149.616l-9.216 5.568a17.856 17.856 0 0 0-9.264 15.696v36l-33.216-22.176-6.48-4.608c-4.608-2.736-9.216-3.696-13.824-2.736l-7.392 1.824a244.944 244.944 0 0 1-151.104-18.24c-30.72 7.2-62.592 11.664-95.424 13.248 51.408 44.304 122.16 71.664 200.352 71.664 20.688 0 40.32-1.008 60-5.136l77.616 51.744a19.296 19.296 0 0 0 8.16 2.064c8.352 0 15.6-6.24 15.6-16.56v-76.56c73.44-45.552 122.064-120 122.064-203.808 0-51.168-17.856-98.736-48.528-138.24z"
                    fill="#256efb"
                    p-id="4964"
                  ></path>
                </svg>
                <h3>围观讨论</h3>
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
              </button>
            </li>
            <li>
              <img class="image1" src="../images/7.png" alt="" />
              <h1>React</h1>
              <span>热门指数</span>
              <h2>
                18,153<svg
                  t="1650034408940"
                  class="icon1"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="6027"
                  width="16"
                  height="16"
                >
                  <path
                    d="M786.295467 485.000533l-6.126934 2.082134v-18.295467h6.024534l0.1024 16.213333zM221.5424 485.239467h-8.9088l-0.085333-16.247467 8.994133-0.512v16.759467z"
                    fill="#1afa29"
                    p-id="6028"
                  ></path>
                  <path
                    d="M784.469333 480.290133L504.456533 178.978133a6.826667 6.826667 0 0 0-10.001066 0L214.459733 480.290133a6.826667 6.826667 0 0 0 5.922134 11.4176l158.1056-21.435733L358.4 853.333333v16.162134a6.826667 6.826667 0 0 0 6.826667 7.168h268.356266a6.826667 6.826667 0 0 0 6.826667-7.168l-0.119467-16.3328-19.848533-382.8736 158.122667 21.418666a6.826667 6.826667 0 0 0 5.922133-11.4176z"
                    fill="#1afa29"
                    p-id="6029"
                  ></path>
                  <path
                    d="M191.3344 734.6176l103.031467 72.789333 103.048533-72.789333a127.197867 127.197867 0 0 0-206.097067 0z"
                    fill="#1afa29"
                    p-id="6030"
                  ></path>
                  <path
                    d="M294.382933 681.984a127.010133 127.010133 0 0 1 103.048534 52.6336l-103.048534 72.789333-103.031466-72.789333a127.010133 127.010133 0 0 1 103.048533-52.6336m0-10.24a137.915733 137.915733 0 0 0-111.342933 56.849067 10.24 10.24 0 0 0 2.269866 14.2848l0.136534 0.1024L288.426667 815.786667a10.24 10.24 0 0 0 11.810133 0l103.031467-72.772267a10.24 10.24 0 0 0 2.4064-14.3872 137.915733 137.915733 0 0 0-111.342934-56.849067z"
                    fill="#1afa29"
                    p-id="6031"
                  ></path>
                  <path
                    d="M384.1536 444.142933h1.5872l-20.48 409.6h268.2368l-20.48-409.6"
                    fill="#1afa29"
                    p-id="6032"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l20.48-409.6 5.239467 0.256v-6.826667h1.5872a6.826667 6.826667 0 0 1 6.826666 7.168l-20.1216 402.432H626.346667l-20.1216-402.432 13.653333-0.682666 20.48 409.6a6.826667 6.826667 0 0 1-6.826667 7.168z"
                    fill="#1afa29"
                    p-id="6033"
                  ></path>
                  <path
                    d="M613.0176 446.276267l166.365867 22.545066L499.387733 167.509333 219.374933 468.821333l164.778667-22.545066"
                    fill="#1afa29"
                    p-id="6034"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l19.968-399.240533-158.122667 21.435733a6.826667 6.826667 0 0 1-5.922133-11.4176L494.370133 162.8672a6.826667 6.826667 0 0 1 10.001067 0L784.384 464.213333a6.826667 6.826667 0 0 1-5.922133 11.4176l-158.122667-21.418666L640.3072 853.333333a6.826667 6.826667 0 0 1-6.826667 7.168z m-261.12-13.653333H626.346667L606.3104 446.634667a6.826667 6.826667 0 0 1 7.7312-7.099734l147.3536 19.950934L499.370667 177.493333 237.3632 459.485867l147.3536-19.968a6.826667 6.826667 0 0 1 7.7312 7.099733z"
                    fill="#1afa29"
                    p-id="6035"
                  ></path>
                  <path
                    d="M557.3632 617.5744l149.5552 105.659733 149.572267-105.659733a184.644267 184.644267 0 0 0-299.1616 0z"
                    fill="#1afa29"
                    p-id="6036"
                  ></path>
                  <path
                    d="M706.935467 541.184a184.32 184.32 0 0 1 149.572266 76.3904l-149.572266 105.659733-149.5552-105.659733a184.32 184.32 0 0 1 149.572266-76.3904m0-10.24a194.56 194.56 0 0 0-157.866666 80.622933 10.24 10.24 0 0 0 2.184533 14.2336l0.221867 0.1536 149.5552 105.659734a10.24 10.24 0 0 0 11.810133 0l149.5552-105.642667a10.24 10.24 0 0 0 2.4064-14.3872 194.56 194.56 0 0 0-157.866667-80.622933z"
                    fill="#1afa29"
                    p-id="6037"
                  ></path>
                </svg>
              </h2>
              <button>
                <svg
                  t="1650034292952"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="4963"
                  width="16"
                  height="16"
                >
                  <path
                    d="M484.112 32.864C234.224 32.864 32 208.736 32 425.744c0 133.104 77.28 251.52 193.92 323.76v121.68c0 16.416 11.52 26.304 24.72 26.304a30.624 30.624 0 0 0 13.152-3.312l123.264-82.176c31.248 6.576 62.496 8.256 95.376 8.256 249.84 0 452.016-175.92 452.016-392.88 1.68-218.64-200.496-394.56-450.384-394.56z m0 721.632c-27.984 0-55.92-3.312-83.856-8.256l-13.152-3.264a33.936 33.936 0 0 0-24.672 4.944l-11.52 8.16-59.136 39.504v-64.128c0-11.52-6.576-23.04-16.464-27.936l-16.416-9.84c-101.952-60.864-162.72-161.136-162.72-266.304 0-180.816 172.608-327.12 386.256-327.12 213.744 0 386.304 146.304 386.304 327.12 1.68 179.136-172.56 327.12-384.624 327.12z m-256.464-317.28a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m205.488 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m198.912 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m311.376 84.96c-0.96-1.248-2.016-2.4-3.024-3.648a376.896 376.896 0 0 1-29.856 77.28c0.48 1.2 1.2 2.304 1.68 3.504 8.64 19.776 13.296 41.184 13.296 63.456 0 59.136-34.176 115.488-91.44 149.616l-9.216 5.568a17.856 17.856 0 0 0-9.264 15.696v36l-33.216-22.176-6.48-4.608c-4.608-2.736-9.216-3.696-13.824-2.736l-7.392 1.824a244.944 244.944 0 0 1-151.104-18.24c-30.72 7.2-62.592 11.664-95.424 13.248 51.408 44.304 122.16 71.664 200.352 71.664 20.688 0 40.32-1.008 60-5.136l77.616 51.744a19.296 19.296 0 0 0 8.16 2.064c8.352 0 15.6-6.24 15.6-16.56v-76.56c73.44-45.552 122.064-120 122.064-203.808 0-51.168-17.856-98.736-48.528-138.24z"
                    fill="#256efb"
                    p-id="4964"
                  ></path>
                </svg>
                <h3>围观讨论</h3>
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
              </button>
            </li>
            <li>
              <img class="image1" src="../images/6.png" alt="" />
              <h1>JavaScript</h1>
              <span>热门指数</span>
              <h2>
                20,107<svg
                  t="1650034408940"
                  class="icon1"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="6027"
                  width="16"
                  height="16"
                >
                  <path
                    d="M786.295467 485.000533l-6.126934 2.082134v-18.295467h6.024534l0.1024 16.213333zM221.5424 485.239467h-8.9088l-0.085333-16.247467 8.994133-0.512v16.759467z"
                    fill="#1afa29"
                    p-id="6028"
                  ></path>
                  <path
                    d="M784.469333 480.290133L504.456533 178.978133a6.826667 6.826667 0 0 0-10.001066 0L214.459733 480.290133a6.826667 6.826667 0 0 0 5.922134 11.4176l158.1056-21.435733L358.4 853.333333v16.162134a6.826667 6.826667 0 0 0 6.826667 7.168h268.356266a6.826667 6.826667 0 0 0 6.826667-7.168l-0.119467-16.3328-19.848533-382.8736 158.122667 21.418666a6.826667 6.826667 0 0 0 5.922133-11.4176z"
                    fill="#1afa29"
                    p-id="6029"
                  ></path>
                  <path
                    d="M191.3344 734.6176l103.031467 72.789333 103.048533-72.789333a127.197867 127.197867 0 0 0-206.097067 0z"
                    fill="#1afa29"
                    p-id="6030"
                  ></path>
                  <path
                    d="M294.382933 681.984a127.010133 127.010133 0 0 1 103.048534 52.6336l-103.048534 72.789333-103.031466-72.789333a127.010133 127.010133 0 0 1 103.048533-52.6336m0-10.24a137.915733 137.915733 0 0 0-111.342933 56.849067 10.24 10.24 0 0 0 2.269866 14.2848l0.136534 0.1024L288.426667 815.786667a10.24 10.24 0 0 0 11.810133 0l103.031467-72.772267a10.24 10.24 0 0 0 2.4064-14.3872 137.915733 137.915733 0 0 0-111.342934-56.849067z"
                    fill="#1afa29"
                    p-id="6031"
                  ></path>
                  <path
                    d="M384.1536 444.142933h1.5872l-20.48 409.6h268.2368l-20.48-409.6"
                    fill="#1afa29"
                    p-id="6032"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l20.48-409.6 5.239467 0.256v-6.826667h1.5872a6.826667 6.826667 0 0 1 6.826666 7.168l-20.1216 402.432H626.346667l-20.1216-402.432 13.653333-0.682666 20.48 409.6a6.826667 6.826667 0 0 1-6.826667 7.168z"
                    fill="#1afa29"
                    p-id="6033"
                  ></path>
                  <path
                    d="M613.0176 446.276267l166.365867 22.545066L499.387733 167.509333 219.374933 468.821333l164.778667-22.545066"
                    fill="#1afa29"
                    p-id="6034"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l19.968-399.240533-158.122667 21.435733a6.826667 6.826667 0 0 1-5.922133-11.4176L494.370133 162.8672a6.826667 6.826667 0 0 1 10.001067 0L784.384 464.213333a6.826667 6.826667 0 0 1-5.922133 11.4176l-158.122667-21.418666L640.3072 853.333333a6.826667 6.826667 0 0 1-6.826667 7.168z m-261.12-13.653333H626.346667L606.3104 446.634667a6.826667 6.826667 0 0 1 7.7312-7.099734l147.3536 19.950934L499.370667 177.493333 237.3632 459.485867l147.3536-19.968a6.826667 6.826667 0 0 1 7.7312 7.099733z"
                    fill="#1afa29"
                    p-id="6035"
                  ></path>
                  <path
                    d="M557.3632 617.5744l149.5552 105.659733 149.572267-105.659733a184.644267 184.644267 0 0 0-299.1616 0z"
                    fill="#1afa29"
                    p-id="6036"
                  ></path>
                  <path
                    d="M706.935467 541.184a184.32 184.32 0 0 1 149.572266 76.3904l-149.572266 105.659733-149.5552-105.659733a184.32 184.32 0 0 1 149.572266-76.3904m0-10.24a194.56 194.56 0 0 0-157.866666 80.622933 10.24 10.24 0 0 0 2.184533 14.2336l0.221867 0.1536 149.5552 105.659734a10.24 10.24 0 0 0 11.810133 0l149.5552-105.642667a10.24 10.24 0 0 0 2.4064-14.3872 194.56 194.56 0 0 0-157.866667-80.622933z"
                    fill="#1afa29"
                    p-id="6037"
                  ></path>
                </svg>
              </h2>
              <button>
                <svg
                  t="1650034292952"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="4963"
                  width="16"
                  height="16"
                >
                  <path
                    d="M484.112 32.864C234.224 32.864 32 208.736 32 425.744c0 133.104 77.28 251.52 193.92 323.76v121.68c0 16.416 11.52 26.304 24.72 26.304a30.624 30.624 0 0 0 13.152-3.312l123.264-82.176c31.248 6.576 62.496 8.256 95.376 8.256 249.84 0 452.016-175.92 452.016-392.88 1.68-218.64-200.496-394.56-450.384-394.56z m0 721.632c-27.984 0-55.92-3.312-83.856-8.256l-13.152-3.264a33.936 33.936 0 0 0-24.672 4.944l-11.52 8.16-59.136 39.504v-64.128c0-11.52-6.576-23.04-16.464-27.936l-16.416-9.84c-101.952-60.864-162.72-161.136-162.72-266.304 0-180.816 172.608-327.12 386.256-327.12 213.744 0 386.304 146.304 386.304 327.12 1.68 179.136-172.56 327.12-384.624 327.12z m-256.464-317.28a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m205.488 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m198.912 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m311.376 84.96c-0.96-1.248-2.016-2.4-3.024-3.648a376.896 376.896 0 0 1-29.856 77.28c0.48 1.2 1.2 2.304 1.68 3.504 8.64 19.776 13.296 41.184 13.296 63.456 0 59.136-34.176 115.488-91.44 149.616l-9.216 5.568a17.856 17.856 0 0 0-9.264 15.696v36l-33.216-22.176-6.48-4.608c-4.608-2.736-9.216-3.696-13.824-2.736l-7.392 1.824a244.944 244.944 0 0 1-151.104-18.24c-30.72 7.2-62.592 11.664-95.424 13.248 51.408 44.304 122.16 71.664 200.352 71.664 20.688 0 40.32-1.008 60-5.136l77.616 51.744a19.296 19.296 0 0 0 8.16 2.064c8.352 0 15.6-6.24 15.6-16.56v-76.56c73.44-45.552 122.064-120 122.064-203.808 0-51.168-17.856-98.736-48.528-138.24z"
                    fill="#256efb"
                    p-id="4964"
                  ></path>
                </svg>
                <h3>围观讨论</h3>
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
              </button>
            </li>
            <li>
              <img class="image1" src="../images/22.png" alt="" />
              <h1>Ajax</h1>
              <span>热门指数</span>
              <h2>
                15,455<svg
                  t="1650034408940"
                  class="icon1"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="6027"
                  width="16"
                  height="16"
                >
                  <path
                    d="M786.295467 485.000533l-6.126934 2.082134v-18.295467h6.024534l0.1024 16.213333zM221.5424 485.239467h-8.9088l-0.085333-16.247467 8.994133-0.512v16.759467z"
                    fill="#1afa29"
                    p-id="6028"
                  ></path>
                  <path
                    d="M784.469333 480.290133L504.456533 178.978133a6.826667 6.826667 0 0 0-10.001066 0L214.459733 480.290133a6.826667 6.826667 0 0 0 5.922134 11.4176l158.1056-21.435733L358.4 853.333333v16.162134a6.826667 6.826667 0 0 0 6.826667 7.168h268.356266a6.826667 6.826667 0 0 0 6.826667-7.168l-0.119467-16.3328-19.848533-382.8736 158.122667 21.418666a6.826667 6.826667 0 0 0 5.922133-11.4176z"
                    fill="#1afa29"
                    p-id="6029"
                  ></path>
                  <path
                    d="M191.3344 734.6176l103.031467 72.789333 103.048533-72.789333a127.197867 127.197867 0 0 0-206.097067 0z"
                    fill="#1afa29"
                    p-id="6030"
                  ></path>
                  <path
                    d="M294.382933 681.984a127.010133 127.010133 0 0 1 103.048534 52.6336l-103.048534 72.789333-103.031466-72.789333a127.010133 127.010133 0 0 1 103.048533-52.6336m0-10.24a137.915733 137.915733 0 0 0-111.342933 56.849067 10.24 10.24 0 0 0 2.269866 14.2848l0.136534 0.1024L288.426667 815.786667a10.24 10.24 0 0 0 11.810133 0l103.031467-72.772267a10.24 10.24 0 0 0 2.4064-14.3872 137.915733 137.915733 0 0 0-111.342934-56.849067z"
                    fill="#1afa29"
                    p-id="6031"
                  ></path>
                  <path
                    d="M384.1536 444.142933h1.5872l-20.48 409.6h268.2368l-20.48-409.6"
                    fill="#1afa29"
                    p-id="6032"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l20.48-409.6 5.239467 0.256v-6.826667h1.5872a6.826667 6.826667 0 0 1 6.826666 7.168l-20.1216 402.432H626.346667l-20.1216-402.432 13.653333-0.682666 20.48 409.6a6.826667 6.826667 0 0 1-6.826667 7.168z"
                    fill="#1afa29"
                    p-id="6033"
                  ></path>
                  <path
                    d="M613.0176 446.276267l166.365867 22.545066L499.387733 167.509333 219.374933 468.821333l164.778667-22.545066"
                    fill="#1afa29"
                    p-id="6034"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l19.968-399.240533-158.122667 21.435733a6.826667 6.826667 0 0 1-5.922133-11.4176L494.370133 162.8672a6.826667 6.826667 0 0 1 10.001067 0L784.384 464.213333a6.826667 6.826667 0 0 1-5.922133 11.4176l-158.122667-21.418666L640.3072 853.333333a6.826667 6.826667 0 0 1-6.826667 7.168z m-261.12-13.653333H626.346667L606.3104 446.634667a6.826667 6.826667 0 0 1 7.7312-7.099734l147.3536 19.950934L499.370667 177.493333 237.3632 459.485867l147.3536-19.968a6.826667 6.826667 0 0 1 7.7312 7.099733z"
                    fill="#1afa29"
                    p-id="6035"
                  ></path>
                  <path
                    d="M557.3632 617.5744l149.5552 105.659733 149.572267-105.659733a184.644267 184.644267 0 0 0-299.1616 0z"
                    fill="#1afa29"
                    p-id="6036"
                  ></path>
                  <path
                    d="M706.935467 541.184a184.32 184.32 0 0 1 149.572266 76.3904l-149.572266 105.659733-149.5552-105.659733a184.32 184.32 0 0 1 149.572266-76.3904m0-10.24a194.56 194.56 0 0 0-157.866666 80.622933 10.24 10.24 0 0 0 2.184533 14.2336l0.221867 0.1536 149.5552 105.659734a10.24 10.24 0 0 0 11.810133 0l149.5552-105.642667a10.24 10.24 0 0 0 2.4064-14.3872 194.56 194.56 0 0 0-157.866667-80.622933z"
                    fill="#1afa29"
                    p-id="6037"
                  ></path>
                </svg>
              </h2>
              <button>
                <svg
                  t="1650034292952"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="4963"
                  width="16"
                  height="16"
                >
                  <path
                    d="M484.112 32.864C234.224 32.864 32 208.736 32 425.744c0 133.104 77.28 251.52 193.92 323.76v121.68c0 16.416 11.52 26.304 24.72 26.304a30.624 30.624 0 0 0 13.152-3.312l123.264-82.176c31.248 6.576 62.496 8.256 95.376 8.256 249.84 0 452.016-175.92 452.016-392.88 1.68-218.64-200.496-394.56-450.384-394.56z m0 721.632c-27.984 0-55.92-3.312-83.856-8.256l-13.152-3.264a33.936 33.936 0 0 0-24.672 4.944l-11.52 8.16-59.136 39.504v-64.128c0-11.52-6.576-23.04-16.464-27.936l-16.416-9.84c-101.952-60.864-162.72-161.136-162.72-266.304 0-180.816 172.608-327.12 386.256-327.12 213.744 0 386.304 146.304 386.304 327.12 1.68 179.136-172.56 327.12-384.624 327.12z m-256.464-317.28a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m205.488 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m198.912 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m311.376 84.96c-0.96-1.248-2.016-2.4-3.024-3.648a376.896 376.896 0 0 1-29.856 77.28c0.48 1.2 1.2 2.304 1.68 3.504 8.64 19.776 13.296 41.184 13.296 63.456 0 59.136-34.176 115.488-91.44 149.616l-9.216 5.568a17.856 17.856 0 0 0-9.264 15.696v36l-33.216-22.176-6.48-4.608c-4.608-2.736-9.216-3.696-13.824-2.736l-7.392 1.824a244.944 244.944 0 0 1-151.104-18.24c-30.72 7.2-62.592 11.664-95.424 13.248 51.408 44.304 122.16 71.664 200.352 71.664 20.688 0 40.32-1.008 60-5.136l77.616 51.744a19.296 19.296 0 0 0 8.16 2.064c8.352 0 15.6-6.24 15.6-16.56v-76.56c73.44-45.552 122.064-120 122.064-203.808 0-51.168-17.856-98.736-48.528-138.24z"
                    fill="#256efb"
                    p-id="4964"
                  ></path>
                </svg>
                <h3>围观讨论</h3>
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
              </button>
            </li>
            <li>
              <img class="image1" src="../images/23.png" alt="" />
              <h1>Jquery</h1>
              <span>热门指数</span>
              <h2>
                8,305<svg
                  t="1650034408940"
                  class="icon1"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="6027"
                  width="16"
                  height="16"
                >
                  <path
                    d="M786.295467 485.000533l-6.126934 2.082134v-18.295467h6.024534l0.1024 16.213333zM221.5424 485.239467h-8.9088l-0.085333-16.247467 8.994133-0.512v16.759467z"
                    fill="#1afa29"
                    p-id="6028"
                  ></path>
                  <path
                    d="M784.469333 480.290133L504.456533 178.978133a6.826667 6.826667 0 0 0-10.001066 0L214.459733 480.290133a6.826667 6.826667 0 0 0 5.922134 11.4176l158.1056-21.435733L358.4 853.333333v16.162134a6.826667 6.826667 0 0 0 6.826667 7.168h268.356266a6.826667 6.826667 0 0 0 6.826667-7.168l-0.119467-16.3328-19.848533-382.8736 158.122667 21.418666a6.826667 6.826667 0 0 0 5.922133-11.4176z"
                    fill="#1afa29"
                    p-id="6029"
                  ></path>
                  <path
                    d="M191.3344 734.6176l103.031467 72.789333 103.048533-72.789333a127.197867 127.197867 0 0 0-206.097067 0z"
                    fill="#1afa29"
                    p-id="6030"
                  ></path>
                  <path
                    d="M294.382933 681.984a127.010133 127.010133 0 0 1 103.048534 52.6336l-103.048534 72.789333-103.031466-72.789333a127.010133 127.010133 0 0 1 103.048533-52.6336m0-10.24a137.915733 137.915733 0 0 0-111.342933 56.849067 10.24 10.24 0 0 0 2.269866 14.2848l0.136534 0.1024L288.426667 815.786667a10.24 10.24 0 0 0 11.810133 0l103.031467-72.772267a10.24 10.24 0 0 0 2.4064-14.3872 137.915733 137.915733 0 0 0-111.342934-56.849067z"
                    fill="#1afa29"
                    p-id="6031"
                  ></path>
                  <path
                    d="M384.1536 444.142933h1.5872l-20.48 409.6h268.2368l-20.48-409.6"
                    fill="#1afa29"
                    p-id="6032"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l20.48-409.6 5.239467 0.256v-6.826667h1.5872a6.826667 6.826667 0 0 1 6.826666 7.168l-20.1216 402.432H626.346667l-20.1216-402.432 13.653333-0.682666 20.48 409.6a6.826667 6.826667 0 0 1-6.826667 7.168z"
                    fill="#1afa29"
                    p-id="6033"
                  ></path>
                  <path
                    d="M613.0176 446.276267l166.365867 22.545066L499.387733 167.509333 219.374933 468.821333l164.778667-22.545066"
                    fill="#1afa29"
                    p-id="6034"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l19.968-399.240533-158.122667 21.435733a6.826667 6.826667 0 0 1-5.922133-11.4176L494.370133 162.8672a6.826667 6.826667 0 0 1 10.001067 0L784.384 464.213333a6.826667 6.826667 0 0 1-5.922133 11.4176l-158.122667-21.418666L640.3072 853.333333a6.826667 6.826667 0 0 1-6.826667 7.168z m-261.12-13.653333H626.346667L606.3104 446.634667a6.826667 6.826667 0 0 1 7.7312-7.099734l147.3536 19.950934L499.370667 177.493333 237.3632 459.485867l147.3536-19.968a6.826667 6.826667 0 0 1 7.7312 7.099733z"
                    fill="#1afa29"
                    p-id="6035"
                  ></path>
                  <path
                    d="M557.3632 617.5744l149.5552 105.659733 149.572267-105.659733a184.644267 184.644267 0 0 0-299.1616 0z"
                    fill="#1afa29"
                    p-id="6036"
                  ></path>
                  <path
                    d="M706.935467 541.184a184.32 184.32 0 0 1 149.572266 76.3904l-149.572266 105.659733-149.5552-105.659733a184.32 184.32 0 0 1 149.572266-76.3904m0-10.24a194.56 194.56 0 0 0-157.866666 80.622933 10.24 10.24 0 0 0 2.184533 14.2336l0.221867 0.1536 149.5552 105.659734a10.24 10.24 0 0 0 11.810133 0l149.5552-105.642667a10.24 10.24 0 0 0 2.4064-14.3872 194.56 194.56 0 0 0-157.866667-80.622933z"
                    fill="#1afa29"
                    p-id="6037"
                  ></path>
                </svg>
              </h2>
              <button>
                <svg
                  t="1650034292952"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="4963"
                  width="16"
                  height="16"
                >
                  <path
                    d="M484.112 32.864C234.224 32.864 32 208.736 32 425.744c0 133.104 77.28 251.52 193.92 323.76v121.68c0 16.416 11.52 26.304 24.72 26.304a30.624 30.624 0 0 0 13.152-3.312l123.264-82.176c31.248 6.576 62.496 8.256 95.376 8.256 249.84 0 452.016-175.92 452.016-392.88 1.68-218.64-200.496-394.56-450.384-394.56z m0 721.632c-27.984 0-55.92-3.312-83.856-8.256l-13.152-3.264a33.936 33.936 0 0 0-24.672 4.944l-11.52 8.16-59.136 39.504v-64.128c0-11.52-6.576-23.04-16.464-27.936l-16.416-9.84c-101.952-60.864-162.72-161.136-162.72-266.304 0-180.816 172.608-327.12 386.256-327.12 213.744 0 386.304 146.304 386.304 327.12 1.68 179.136-172.56 327.12-384.624 327.12z m-256.464-317.28a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m205.488 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m198.912 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m311.376 84.96c-0.96-1.248-2.016-2.4-3.024-3.648a376.896 376.896 0 0 1-29.856 77.28c0.48 1.2 1.2 2.304 1.68 3.504 8.64 19.776 13.296 41.184 13.296 63.456 0 59.136-34.176 115.488-91.44 149.616l-9.216 5.568a17.856 17.856 0 0 0-9.264 15.696v36l-33.216-22.176-6.48-4.608c-4.608-2.736-9.216-3.696-13.824-2.736l-7.392 1.824a244.944 244.944 0 0 1-151.104-18.24c-30.72 7.2-62.592 11.664-95.424 13.248 51.408 44.304 122.16 71.664 200.352 71.664 20.688 0 40.32-1.008 60-5.136l77.616 51.744a19.296 19.296 0 0 0 8.16 2.064c8.352 0 15.6-6.24 15.6-16.56v-76.56c73.44-45.552 122.064-120 122.064-203.808 0-51.168-17.856-98.736-48.528-138.24z"
                    fill="#256efb"
                    p-id="4964"
                  ></path>
                </svg>
                <h3>围观讨论</h3>
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
              </button>
            </li>
            <li>
              <img class="image1" src="../images/24.png" alt="" />
              <h1>Axios</h1>
              <span>热门指数</span>
              <h2>
                14,547<svg
                  t="1650034408940"
                  class="icon1"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="6027"
                  width="16"
                  height="16"
                >
                  <path
                    d="M786.295467 485.000533l-6.126934 2.082134v-18.295467h6.024534l0.1024 16.213333zM221.5424 485.239467h-8.9088l-0.085333-16.247467 8.994133-0.512v16.759467z"
                    fill="#1afa29"
                    p-id="6028"
                  ></path>
                  <path
                    d="M784.469333 480.290133L504.456533 178.978133a6.826667 6.826667 0 0 0-10.001066 0L214.459733 480.290133a6.826667 6.826667 0 0 0 5.922134 11.4176l158.1056-21.435733L358.4 853.333333v16.162134a6.826667 6.826667 0 0 0 6.826667 7.168h268.356266a6.826667 6.826667 0 0 0 6.826667-7.168l-0.119467-16.3328-19.848533-382.8736 158.122667 21.418666a6.826667 6.826667 0 0 0 5.922133-11.4176z"
                    fill="#1afa29"
                    p-id="6029"
                  ></path>
                  <path
                    d="M191.3344 734.6176l103.031467 72.789333 103.048533-72.789333a127.197867 127.197867 0 0 0-206.097067 0z"
                    fill="#1afa29"
                    p-id="6030"
                  ></path>
                  <path
                    d="M294.382933 681.984a127.010133 127.010133 0 0 1 103.048534 52.6336l-103.048534 72.789333-103.031466-72.789333a127.010133 127.010133 0 0 1 103.048533-52.6336m0-10.24a137.915733 137.915733 0 0 0-111.342933 56.849067 10.24 10.24 0 0 0 2.269866 14.2848l0.136534 0.1024L288.426667 815.786667a10.24 10.24 0 0 0 11.810133 0l103.031467-72.772267a10.24 10.24 0 0 0 2.4064-14.3872 137.915733 137.915733 0 0 0-111.342934-56.849067z"
                    fill="#1afa29"
                    p-id="6031"
                  ></path>
                  <path
                    d="M384.1536 444.142933h1.5872l-20.48 409.6h268.2368l-20.48-409.6"
                    fill="#1afa29"
                    p-id="6032"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l20.48-409.6 5.239467 0.256v-6.826667h1.5872a6.826667 6.826667 0 0 1 6.826666 7.168l-20.1216 402.432H626.346667l-20.1216-402.432 13.653333-0.682666 20.48 409.6a6.826667 6.826667 0 0 1-6.826667 7.168z"
                    fill="#1afa29"
                    p-id="6033"
                  ></path>
                  <path
                    d="M613.0176 446.276267l166.365867 22.545066L499.387733 167.509333 219.374933 468.821333l164.778667-22.545066"
                    fill="#1afa29"
                    p-id="6034"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l19.968-399.240533-158.122667 21.435733a6.826667 6.826667 0 0 1-5.922133-11.4176L494.370133 162.8672a6.826667 6.826667 0 0 1 10.001067 0L784.384 464.213333a6.826667 6.826667 0 0 1-5.922133 11.4176l-158.122667-21.418666L640.3072 853.333333a6.826667 6.826667 0 0 1-6.826667 7.168z m-261.12-13.653333H626.346667L606.3104 446.634667a6.826667 6.826667 0 0 1 7.7312-7.099734l147.3536 19.950934L499.370667 177.493333 237.3632 459.485867l147.3536-19.968a6.826667 6.826667 0 0 1 7.7312 7.099733z"
                    fill="#1afa29"
                    p-id="6035"
                  ></path>
                  <path
                    d="M557.3632 617.5744l149.5552 105.659733 149.572267-105.659733a184.644267 184.644267 0 0 0-299.1616 0z"
                    fill="#1afa29"
                    p-id="6036"
                  ></path>
                  <path
                    d="M706.935467 541.184a184.32 184.32 0 0 1 149.572266 76.3904l-149.572266 105.659733-149.5552-105.659733a184.32 184.32 0 0 1 149.572266-76.3904m0-10.24a194.56 194.56 0 0 0-157.866666 80.622933 10.24 10.24 0 0 0 2.184533 14.2336l0.221867 0.1536 149.5552 105.659734a10.24 10.24 0 0 0 11.810133 0l149.5552-105.642667a10.24 10.24 0 0 0 2.4064-14.3872 194.56 194.56 0 0 0-157.866667-80.622933z"
                    fill="#1afa29"
                    p-id="6037"
                  ></path>
                </svg>
              </h2>
              <button>
                <svg
                  t="1650034292952"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="4963"
                  width="16"
                  height="16"
                >
                  <path
                    d="M484.112 32.864C234.224 32.864 32 208.736 32 425.744c0 133.104 77.28 251.52 193.92 323.76v121.68c0 16.416 11.52 26.304 24.72 26.304a30.624 30.624 0 0 0 13.152-3.312l123.264-82.176c31.248 6.576 62.496 8.256 95.376 8.256 249.84 0 452.016-175.92 452.016-392.88 1.68-218.64-200.496-394.56-450.384-394.56z m0 721.632c-27.984 0-55.92-3.312-83.856-8.256l-13.152-3.264a33.936 33.936 0 0 0-24.672 4.944l-11.52 8.16-59.136 39.504v-64.128c0-11.52-6.576-23.04-16.464-27.936l-16.416-9.84c-101.952-60.864-162.72-161.136-162.72-266.304 0-180.816 172.608-327.12 386.256-327.12 213.744 0 386.304 146.304 386.304 327.12 1.68 179.136-172.56 327.12-384.624 327.12z m-256.464-317.28a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m205.488 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m198.912 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m311.376 84.96c-0.96-1.248-2.016-2.4-3.024-3.648a376.896 376.896 0 0 1-29.856 77.28c0.48 1.2 1.2 2.304 1.68 3.504 8.64 19.776 13.296 41.184 13.296 63.456 0 59.136-34.176 115.488-91.44 149.616l-9.216 5.568a17.856 17.856 0 0 0-9.264 15.696v36l-33.216-22.176-6.48-4.608c-4.608-2.736-9.216-3.696-13.824-2.736l-7.392 1.824a244.944 244.944 0 0 1-151.104-18.24c-30.72 7.2-62.592 11.664-95.424 13.248 51.408 44.304 122.16 71.664 200.352 71.664 20.688 0 40.32-1.008 60-5.136l77.616 51.744a19.296 19.296 0 0 0 8.16 2.064c8.352 0 15.6-6.24 15.6-16.56v-76.56c73.44-45.552 122.064-120 122.064-203.808 0-51.168-17.856-98.736-48.528-138.24z"
                    fill="#256efb"
                    p-id="4964"
                  ></path>
                </svg>
                <h3>围观讨论</h3>
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
              </button>
            </li>
          </ul>
          <ul v-show="Index == 2">
            <li>
              <img class="image1" src="../images/11.png" alt="" />
              <h1>Linux</h1>
              <span>热门指数</span>
              <h2>
                18,153<svg
                  t="1650034408940"
                  class="icon1"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="6027"
                  width="16"
                  height="16"
                >
                  <path
                    d="M786.295467 485.000533l-6.126934 2.082134v-18.295467h6.024534l0.1024 16.213333zM221.5424 485.239467h-8.9088l-0.085333-16.247467 8.994133-0.512v16.759467z"
                    fill="#1afa29"
                    p-id="6028"
                  ></path>
                  <path
                    d="M784.469333 480.290133L504.456533 178.978133a6.826667 6.826667 0 0 0-10.001066 0L214.459733 480.290133a6.826667 6.826667 0 0 0 5.922134 11.4176l158.1056-21.435733L358.4 853.333333v16.162134a6.826667 6.826667 0 0 0 6.826667 7.168h268.356266a6.826667 6.826667 0 0 0 6.826667-7.168l-0.119467-16.3328-19.848533-382.8736 158.122667 21.418666a6.826667 6.826667 0 0 0 5.922133-11.4176z"
                    fill="#1afa29"
                    p-id="6029"
                  ></path>
                  <path
                    d="M191.3344 734.6176l103.031467 72.789333 103.048533-72.789333a127.197867 127.197867 0 0 0-206.097067 0z"
                    fill="#1afa29"
                    p-id="6030"
                  ></path>
                  <path
                    d="M294.382933 681.984a127.010133 127.010133 0 0 1 103.048534 52.6336l-103.048534 72.789333-103.031466-72.789333a127.010133 127.010133 0 0 1 103.048533-52.6336m0-10.24a137.915733 137.915733 0 0 0-111.342933 56.849067 10.24 10.24 0 0 0 2.269866 14.2848l0.136534 0.1024L288.426667 815.786667a10.24 10.24 0 0 0 11.810133 0l103.031467-72.772267a10.24 10.24 0 0 0 2.4064-14.3872 137.915733 137.915733 0 0 0-111.342934-56.849067z"
                    fill="#1afa29"
                    p-id="6031"
                  ></path>
                  <path
                    d="M384.1536 444.142933h1.5872l-20.48 409.6h268.2368l-20.48-409.6"
                    fill="#1afa29"
                    p-id="6032"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l20.48-409.6 5.239467 0.256v-6.826667h1.5872a6.826667 6.826667 0 0 1 6.826666 7.168l-20.1216 402.432H626.346667l-20.1216-402.432 13.653333-0.682666 20.48 409.6a6.826667 6.826667 0 0 1-6.826667 7.168z"
                    fill="#1afa29"
                    p-id="6033"
                  ></path>
                  <path
                    d="M613.0176 446.276267l166.365867 22.545066L499.387733 167.509333 219.374933 468.821333l164.778667-22.545066"
                    fill="#1afa29"
                    p-id="6034"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l19.968-399.240533-158.122667 21.435733a6.826667 6.826667 0 0 1-5.922133-11.4176L494.370133 162.8672a6.826667 6.826667 0 0 1 10.001067 0L784.384 464.213333a6.826667 6.826667 0 0 1-5.922133 11.4176l-158.122667-21.418666L640.3072 853.333333a6.826667 6.826667 0 0 1-6.826667 7.168z m-261.12-13.653333H626.346667L606.3104 446.634667a6.826667 6.826667 0 0 1 7.7312-7.099734l147.3536 19.950934L499.370667 177.493333 237.3632 459.485867l147.3536-19.968a6.826667 6.826667 0 0 1 7.7312 7.099733z"
                    fill="#1afa29"
                    p-id="6035"
                  ></path>
                  <path
                    d="M557.3632 617.5744l149.5552 105.659733 149.572267-105.659733a184.644267 184.644267 0 0 0-299.1616 0z"
                    fill="#1afa29"
                    p-id="6036"
                  ></path>
                  <path
                    d="M706.935467 541.184a184.32 184.32 0 0 1 149.572266 76.3904l-149.572266 105.659733-149.5552-105.659733a184.32 184.32 0 0 1 149.572266-76.3904m0-10.24a194.56 194.56 0 0 0-157.866666 80.622933 10.24 10.24 0 0 0 2.184533 14.2336l0.221867 0.1536 149.5552 105.659734a10.24 10.24 0 0 0 11.810133 0l149.5552-105.642667a10.24 10.24 0 0 0 2.4064-14.3872 194.56 194.56 0 0 0-157.866667-80.622933z"
                    fill="#1afa29"
                    p-id="6037"
                  ></path>
                </svg>
              </h2>
              <button>
                <svg
                  t="1650034292952"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="4963"
                  width="16"
                  height="16"
                >
                  <path
                    d="M484.112 32.864C234.224 32.864 32 208.736 32 425.744c0 133.104 77.28 251.52 193.92 323.76v121.68c0 16.416 11.52 26.304 24.72 26.304a30.624 30.624 0 0 0 13.152-3.312l123.264-82.176c31.248 6.576 62.496 8.256 95.376 8.256 249.84 0 452.016-175.92 452.016-392.88 1.68-218.64-200.496-394.56-450.384-394.56z m0 721.632c-27.984 0-55.92-3.312-83.856-8.256l-13.152-3.264a33.936 33.936 0 0 0-24.672 4.944l-11.52 8.16-59.136 39.504v-64.128c0-11.52-6.576-23.04-16.464-27.936l-16.416-9.84c-101.952-60.864-162.72-161.136-162.72-266.304 0-180.816 172.608-327.12 386.256-327.12 213.744 0 386.304 146.304 386.304 327.12 1.68 179.136-172.56 327.12-384.624 327.12z m-256.464-317.28a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m205.488 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m198.912 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m311.376 84.96c-0.96-1.248-2.016-2.4-3.024-3.648a376.896 376.896 0 0 1-29.856 77.28c0.48 1.2 1.2 2.304 1.68 3.504 8.64 19.776 13.296 41.184 13.296 63.456 0 59.136-34.176 115.488-91.44 149.616l-9.216 5.568a17.856 17.856 0 0 0-9.264 15.696v36l-33.216-22.176-6.48-4.608c-4.608-2.736-9.216-3.696-13.824-2.736l-7.392 1.824a244.944 244.944 0 0 1-151.104-18.24c-30.72 7.2-62.592 11.664-95.424 13.248 51.408 44.304 122.16 71.664 200.352 71.664 20.688 0 40.32-1.008 60-5.136l77.616 51.744a19.296 19.296 0 0 0 8.16 2.064c8.352 0 15.6-6.24 15.6-16.56v-76.56c73.44-45.552 122.064-120 122.064-203.808 0-51.168-17.856-98.736-48.528-138.24z"
                    fill="#256efb"
                    p-id="4964"
                  ></path>
                </svg>
                <h3>围观讨论</h3>
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
              </button>
            </li>
            <li>
              <img class="image1" src="../images/5.png" alt="" />
              <h1>Java</h1>
              <span>热门指数</span>
              <h2>
                25,567<svg
                  t="1650034408940"
                  class="icon1"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="6027"
                  width="16"
                  height="16"
                >
                  <path
                    d="M786.295467 485.000533l-6.126934 2.082134v-18.295467h6.024534l0.1024 16.213333zM221.5424 485.239467h-8.9088l-0.085333-16.247467 8.994133-0.512v16.759467z"
                    fill="#1afa29"
                    p-id="6028"
                  ></path>
                  <path
                    d="M784.469333 480.290133L504.456533 178.978133a6.826667 6.826667 0 0 0-10.001066 0L214.459733 480.290133a6.826667 6.826667 0 0 0 5.922134 11.4176l158.1056-21.435733L358.4 853.333333v16.162134a6.826667 6.826667 0 0 0 6.826667 7.168h268.356266a6.826667 6.826667 0 0 0 6.826667-7.168l-0.119467-16.3328-19.848533-382.8736 158.122667 21.418666a6.826667 6.826667 0 0 0 5.922133-11.4176z"
                    fill="#1afa29"
                    p-id="6029"
                  ></path>
                  <path
                    d="M191.3344 734.6176l103.031467 72.789333 103.048533-72.789333a127.197867 127.197867 0 0 0-206.097067 0z"
                    fill="#1afa29"
                    p-id="6030"
                  ></path>
                  <path
                    d="M294.382933 681.984a127.010133 127.010133 0 0 1 103.048534 52.6336l-103.048534 72.789333-103.031466-72.789333a127.010133 127.010133 0 0 1 103.048533-52.6336m0-10.24a137.915733 137.915733 0 0 0-111.342933 56.849067 10.24 10.24 0 0 0 2.269866 14.2848l0.136534 0.1024L288.426667 815.786667a10.24 10.24 0 0 0 11.810133 0l103.031467-72.772267a10.24 10.24 0 0 0 2.4064-14.3872 137.915733 137.915733 0 0 0-111.342934-56.849067z"
                    fill="#1afa29"
                    p-id="6031"
                  ></path>
                  <path
                    d="M384.1536 444.142933h1.5872l-20.48 409.6h268.2368l-20.48-409.6"
                    fill="#1afa29"
                    p-id="6032"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l20.48-409.6 5.239467 0.256v-6.826667h1.5872a6.826667 6.826667 0 0 1 6.826666 7.168l-20.1216 402.432H626.346667l-20.1216-402.432 13.653333-0.682666 20.48 409.6a6.826667 6.826667 0 0 1-6.826667 7.168z"
                    fill="#1afa29"
                    p-id="6033"
                  ></path>
                  <path
                    d="M613.0176 446.276267l166.365867 22.545066L499.387733 167.509333 219.374933 468.821333l164.778667-22.545066"
                    fill="#1afa29"
                    p-id="6034"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l19.968-399.240533-158.122667 21.435733a6.826667 6.826667 0 0 1-5.922133-11.4176L494.370133 162.8672a6.826667 6.826667 0 0 1 10.001067 0L784.384 464.213333a6.826667 6.826667 0 0 1-5.922133 11.4176l-158.122667-21.418666L640.3072 853.333333a6.826667 6.826667 0 0 1-6.826667 7.168z m-261.12-13.653333H626.346667L606.3104 446.634667a6.826667 6.826667 0 0 1 7.7312-7.099734l147.3536 19.950934L499.370667 177.493333 237.3632 459.485867l147.3536-19.968a6.826667 6.826667 0 0 1 7.7312 7.099733z"
                    fill="#1afa29"
                    p-id="6035"
                  ></path>
                  <path
                    d="M557.3632 617.5744l149.5552 105.659733 149.572267-105.659733a184.644267 184.644267 0 0 0-299.1616 0z"
                    fill="#1afa29"
                    p-id="6036"
                  ></path>
                  <path
                    d="M706.935467 541.184a184.32 184.32 0 0 1 149.572266 76.3904l-149.572266 105.659733-149.5552-105.659733a184.32 184.32 0 0 1 149.572266-76.3904m0-10.24a194.56 194.56 0 0 0-157.866666 80.622933 10.24 10.24 0 0 0 2.184533 14.2336l0.221867 0.1536 149.5552 105.659734a10.24 10.24 0 0 0 11.810133 0l149.5552-105.642667a10.24 10.24 0 0 0 2.4064-14.3872 194.56 194.56 0 0 0-157.866667-80.622933z"
                    fill="#1afa29"
                    p-id="6037"
                  ></path>
                </svg>
              </h2>
              <button>
                <svg
                  t="1650034292952"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="4963"
                  width="16"
                  height="16"
                >
                  <path
                    d="M484.112 32.864C234.224 32.864 32 208.736 32 425.744c0 133.104 77.28 251.52 193.92 323.76v121.68c0 16.416 11.52 26.304 24.72 26.304a30.624 30.624 0 0 0 13.152-3.312l123.264-82.176c31.248 6.576 62.496 8.256 95.376 8.256 249.84 0 452.016-175.92 452.016-392.88 1.68-218.64-200.496-394.56-450.384-394.56z m0 721.632c-27.984 0-55.92-3.312-83.856-8.256l-13.152-3.264a33.936 33.936 0 0 0-24.672 4.944l-11.52 8.16-59.136 39.504v-64.128c0-11.52-6.576-23.04-16.464-27.936l-16.416-9.84c-101.952-60.864-162.72-161.136-162.72-266.304 0-180.816 172.608-327.12 386.256-327.12 213.744 0 386.304 146.304 386.304 327.12 1.68 179.136-172.56 327.12-384.624 327.12z m-256.464-317.28a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m205.488 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m198.912 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m311.376 84.96c-0.96-1.248-2.016-2.4-3.024-3.648a376.896 376.896 0 0 1-29.856 77.28c0.48 1.2 1.2 2.304 1.68 3.504 8.64 19.776 13.296 41.184 13.296 63.456 0 59.136-34.176 115.488-91.44 149.616l-9.216 5.568a17.856 17.856 0 0 0-9.264 15.696v36l-33.216-22.176-6.48-4.608c-4.608-2.736-9.216-3.696-13.824-2.736l-7.392 1.824a244.944 244.944 0 0 1-151.104-18.24c-30.72 7.2-62.592 11.664-95.424 13.248 51.408 44.304 122.16 71.664 200.352 71.664 20.688 0 40.32-1.008 60-5.136l77.616 51.744a19.296 19.296 0 0 0 8.16 2.064c8.352 0 15.6-6.24 15.6-16.56v-76.56c73.44-45.552 122.064-120 122.064-203.808 0-51.168-17.856-98.736-48.528-138.24z"
                    fill="#256efb"
                    p-id="4964"
                  ></path>
                </svg>
                <h3>围观讨论</h3>
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
              </button>
            </li>
            <li>
              <img class="image1" src="../images/12.png" alt="" />
              <h1>PHP</h1>
              <span>热门指数</span>
              <h2>
                12,527<svg
                  t="1650034408940"
                  class="icon1"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="6027"
                  width="16"
                  height="16"
                >
                  <path
                    d="M786.295467 485.000533l-6.126934 2.082134v-18.295467h6.024534l0.1024 16.213333zM221.5424 485.239467h-8.9088l-0.085333-16.247467 8.994133-0.512v16.759467z"
                    fill="#1afa29"
                    p-id="6028"
                  ></path>
                  <path
                    d="M784.469333 480.290133L504.456533 178.978133a6.826667 6.826667 0 0 0-10.001066 0L214.459733 480.290133a6.826667 6.826667 0 0 0 5.922134 11.4176l158.1056-21.435733L358.4 853.333333v16.162134a6.826667 6.826667 0 0 0 6.826667 7.168h268.356266a6.826667 6.826667 0 0 0 6.826667-7.168l-0.119467-16.3328-19.848533-382.8736 158.122667 21.418666a6.826667 6.826667 0 0 0 5.922133-11.4176z"
                    fill="#1afa29"
                    p-id="6029"
                  ></path>
                  <path
                    d="M191.3344 734.6176l103.031467 72.789333 103.048533-72.789333a127.197867 127.197867 0 0 0-206.097067 0z"
                    fill="#1afa29"
                    p-id="6030"
                  ></path>
                  <path
                    d="M294.382933 681.984a127.010133 127.010133 0 0 1 103.048534 52.6336l-103.048534 72.789333-103.031466-72.789333a127.010133 127.010133 0 0 1 103.048533-52.6336m0-10.24a137.915733 137.915733 0 0 0-111.342933 56.849067 10.24 10.24 0 0 0 2.269866 14.2848l0.136534 0.1024L288.426667 815.786667a10.24 10.24 0 0 0 11.810133 0l103.031467-72.772267a10.24 10.24 0 0 0 2.4064-14.3872 137.915733 137.915733 0 0 0-111.342934-56.849067z"
                    fill="#1afa29"
                    p-id="6031"
                  ></path>
                  <path
                    d="M384.1536 444.142933h1.5872l-20.48 409.6h268.2368l-20.48-409.6"
                    fill="#1afa29"
                    p-id="6032"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l20.48-409.6 5.239467 0.256v-6.826667h1.5872a6.826667 6.826667 0 0 1 6.826666 7.168l-20.1216 402.432H626.346667l-20.1216-402.432 13.653333-0.682666 20.48 409.6a6.826667 6.826667 0 0 1-6.826667 7.168z"
                    fill="#1afa29"
                    p-id="6033"
                  ></path>
                  <path
                    d="M613.0176 446.276267l166.365867 22.545066L499.387733 167.509333 219.374933 468.821333l164.778667-22.545066"
                    fill="#1afa29"
                    p-id="6034"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l19.968-399.240533-158.122667 21.435733a6.826667 6.826667 0 0 1-5.922133-11.4176L494.370133 162.8672a6.826667 6.826667 0 0 1 10.001067 0L784.384 464.213333a6.826667 6.826667 0 0 1-5.922133 11.4176l-158.122667-21.418666L640.3072 853.333333a6.826667 6.826667 0 0 1-6.826667 7.168z m-261.12-13.653333H626.346667L606.3104 446.634667a6.826667 6.826667 0 0 1 7.7312-7.099734l147.3536 19.950934L499.370667 177.493333 237.3632 459.485867l147.3536-19.968a6.826667 6.826667 0 0 1 7.7312 7.099733z"
                    fill="#1afa29"
                    p-id="6035"
                  ></path>
                  <path
                    d="M557.3632 617.5744l149.5552 105.659733 149.572267-105.659733a184.644267 184.644267 0 0 0-299.1616 0z"
                    fill="#1afa29"
                    p-id="6036"
                  ></path>
                  <path
                    d="M706.935467 541.184a184.32 184.32 0 0 1 149.572266 76.3904l-149.572266 105.659733-149.5552-105.659733a184.32 184.32 0 0 1 149.572266-76.3904m0-10.24a194.56 194.56 0 0 0-157.866666 80.622933 10.24 10.24 0 0 0 2.184533 14.2336l0.221867 0.1536 149.5552 105.659734a10.24 10.24 0 0 0 11.810133 0l149.5552-105.642667a10.24 10.24 0 0 0 2.4064-14.3872 194.56 194.56 0 0 0-157.866667-80.622933z"
                    fill="#1afa29"
                    p-id="6037"
                  ></path>
                </svg>
              </h2>
              <button>
                <svg
                  t="1650034292952"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="4963"
                  width="16"
                  height="16"
                >
                  <path
                    d="M484.112 32.864C234.224 32.864 32 208.736 32 425.744c0 133.104 77.28 251.52 193.92 323.76v121.68c0 16.416 11.52 26.304 24.72 26.304a30.624 30.624 0 0 0 13.152-3.312l123.264-82.176c31.248 6.576 62.496 8.256 95.376 8.256 249.84 0 452.016-175.92 452.016-392.88 1.68-218.64-200.496-394.56-450.384-394.56z m0 721.632c-27.984 0-55.92-3.312-83.856-8.256l-13.152-3.264a33.936 33.936 0 0 0-24.672 4.944l-11.52 8.16-59.136 39.504v-64.128c0-11.52-6.576-23.04-16.464-27.936l-16.416-9.84c-101.952-60.864-162.72-161.136-162.72-266.304 0-180.816 172.608-327.12 386.256-327.12 213.744 0 386.304 146.304 386.304 327.12 1.68 179.136-172.56 327.12-384.624 327.12z m-256.464-317.28a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m205.488 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m198.912 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m311.376 84.96c-0.96-1.248-2.016-2.4-3.024-3.648a376.896 376.896 0 0 1-29.856 77.28c0.48 1.2 1.2 2.304 1.68 3.504 8.64 19.776 13.296 41.184 13.296 63.456 0 59.136-34.176 115.488-91.44 149.616l-9.216 5.568a17.856 17.856 0 0 0-9.264 15.696v36l-33.216-22.176-6.48-4.608c-4.608-2.736-9.216-3.696-13.824-2.736l-7.392 1.824a244.944 244.944 0 0 1-151.104-18.24c-30.72 7.2-62.592 11.664-95.424 13.248 51.408 44.304 122.16 71.664 200.352 71.664 20.688 0 40.32-1.008 60-5.136l77.616 51.744a19.296 19.296 0 0 0 8.16 2.064c8.352 0 15.6-6.24 15.6-16.56v-76.56c73.44-45.552 122.064-120 122.064-203.808 0-51.168-17.856-98.736-48.528-138.24z"
                    fill="#256efb"
                    p-id="4964"
                  ></path>
                </svg>
                <h3>围观讨论</h3>
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
              </button>
            </li>
            <li>
              <img class="image1" src="../images/13.png" alt="" />
              <h1>MySQL</h1>
              <span>热门指数</span>
              <h2>
                10,191<svg
                  t="1650034408940"
                  class="icon1"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="6027"
                  width="16"
                  height="16"
                >
                  <path
                    d="M786.295467 485.000533l-6.126934 2.082134v-18.295467h6.024534l0.1024 16.213333zM221.5424 485.239467h-8.9088l-0.085333-16.247467 8.994133-0.512v16.759467z"
                    fill="#1afa29"
                    p-id="6028"
                  ></path>
                  <path
                    d="M784.469333 480.290133L504.456533 178.978133a6.826667 6.826667 0 0 0-10.001066 0L214.459733 480.290133a6.826667 6.826667 0 0 0 5.922134 11.4176l158.1056-21.435733L358.4 853.333333v16.162134a6.826667 6.826667 0 0 0 6.826667 7.168h268.356266a6.826667 6.826667 0 0 0 6.826667-7.168l-0.119467-16.3328-19.848533-382.8736 158.122667 21.418666a6.826667 6.826667 0 0 0 5.922133-11.4176z"
                    fill="#1afa29"
                    p-id="6029"
                  ></path>
                  <path
                    d="M191.3344 734.6176l103.031467 72.789333 103.048533-72.789333a127.197867 127.197867 0 0 0-206.097067 0z"
                    fill="#1afa29"
                    p-id="6030"
                  ></path>
                  <path
                    d="M294.382933 681.984a127.010133 127.010133 0 0 1 103.048534 52.6336l-103.048534 72.789333-103.031466-72.789333a127.010133 127.010133 0 0 1 103.048533-52.6336m0-10.24a137.915733 137.915733 0 0 0-111.342933 56.849067 10.24 10.24 0 0 0 2.269866 14.2848l0.136534 0.1024L288.426667 815.786667a10.24 10.24 0 0 0 11.810133 0l103.031467-72.772267a10.24 10.24 0 0 0 2.4064-14.3872 137.915733 137.915733 0 0 0-111.342934-56.849067z"
                    fill="#1afa29"
                    p-id="6031"
                  ></path>
                  <path
                    d="M384.1536 444.142933h1.5872l-20.48 409.6h268.2368l-20.48-409.6"
                    fill="#1afa29"
                    p-id="6032"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l20.48-409.6 5.239467 0.256v-6.826667h1.5872a6.826667 6.826667 0 0 1 6.826666 7.168l-20.1216 402.432H626.346667l-20.1216-402.432 13.653333-0.682666 20.48 409.6a6.826667 6.826667 0 0 1-6.826667 7.168z"
                    fill="#1afa29"
                    p-id="6033"
                  ></path>
                  <path
                    d="M613.0176 446.276267l166.365867 22.545066L499.387733 167.509333 219.374933 468.821333l164.778667-22.545066"
                    fill="#1afa29"
                    p-id="6034"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l19.968-399.240533-158.122667 21.435733a6.826667 6.826667 0 0 1-5.922133-11.4176L494.370133 162.8672a6.826667 6.826667 0 0 1 10.001067 0L784.384 464.213333a6.826667 6.826667 0 0 1-5.922133 11.4176l-158.122667-21.418666L640.3072 853.333333a6.826667 6.826667 0 0 1-6.826667 7.168z m-261.12-13.653333H626.346667L606.3104 446.634667a6.826667 6.826667 0 0 1 7.7312-7.099734l147.3536 19.950934L499.370667 177.493333 237.3632 459.485867l147.3536-19.968a6.826667 6.826667 0 0 1 7.7312 7.099733z"
                    fill="#1afa29"
                    p-id="6035"
                  ></path>
                  <path
                    d="M557.3632 617.5744l149.5552 105.659733 149.572267-105.659733a184.644267 184.644267 0 0 0-299.1616 0z"
                    fill="#1afa29"
                    p-id="6036"
                  ></path>
                  <path
                    d="M706.935467 541.184a184.32 184.32 0 0 1 149.572266 76.3904l-149.572266 105.659733-149.5552-105.659733a184.32 184.32 0 0 1 149.572266-76.3904m0-10.24a194.56 194.56 0 0 0-157.866666 80.622933 10.24 10.24 0 0 0 2.184533 14.2336l0.221867 0.1536 149.5552 105.659734a10.24 10.24 0 0 0 11.810133 0l149.5552-105.642667a10.24 10.24 0 0 0 2.4064-14.3872 194.56 194.56 0 0 0-157.866667-80.622933z"
                    fill="#1afa29"
                    p-id="6037"
                  ></path>
                </svg>
              </h2>
              <button>
                <svg
                  t="1650034292952"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="4963"
                  width="16"
                  height="16"
                >
                  <path
                    d="M484.112 32.864C234.224 32.864 32 208.736 32 425.744c0 133.104 77.28 251.52 193.92 323.76v121.68c0 16.416 11.52 26.304 24.72 26.304a30.624 30.624 0 0 0 13.152-3.312l123.264-82.176c31.248 6.576 62.496 8.256 95.376 8.256 249.84 0 452.016-175.92 452.016-392.88 1.68-218.64-200.496-394.56-450.384-394.56z m0 721.632c-27.984 0-55.92-3.312-83.856-8.256l-13.152-3.264a33.936 33.936 0 0 0-24.672 4.944l-11.52 8.16-59.136 39.504v-64.128c0-11.52-6.576-23.04-16.464-27.936l-16.416-9.84c-101.952-60.864-162.72-161.136-162.72-266.304 0-180.816 172.608-327.12 386.256-327.12 213.744 0 386.304 146.304 386.304 327.12 1.68 179.136-172.56 327.12-384.624 327.12z m-256.464-317.28a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m205.488 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m198.912 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m311.376 84.96c-0.96-1.248-2.016-2.4-3.024-3.648a376.896 376.896 0 0 1-29.856 77.28c0.48 1.2 1.2 2.304 1.68 3.504 8.64 19.776 13.296 41.184 13.296 63.456 0 59.136-34.176 115.488-91.44 149.616l-9.216 5.568a17.856 17.856 0 0 0-9.264 15.696v36l-33.216-22.176-6.48-4.608c-4.608-2.736-9.216-3.696-13.824-2.736l-7.392 1.824a244.944 244.944 0 0 1-151.104-18.24c-30.72 7.2-62.592 11.664-95.424 13.248 51.408 44.304 122.16 71.664 200.352 71.664 20.688 0 40.32-1.008 60-5.136l77.616 51.744a19.296 19.296 0 0 0 8.16 2.064c8.352 0 15.6-6.24 15.6-16.56v-76.56c73.44-45.552 122.064-120 122.064-203.808 0-51.168-17.856-98.736-48.528-138.24z"
                    fill="#256efb"
                    p-id="4964"
                  ></path>
                </svg>
                <h3>围观讨论</h3>
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
              </button>
            </li>
            <li>
              <img class="image1" src="../images/14.png" alt="" />
              <h1>JVM</h1>
              <span>热门指数</span>
              <h2>
                18,153<svg
                  t="1650034408940"
                  class="icon1"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="6027"
                  width="16"
                  height="16"
                >
                  <path
                    d="M786.295467 485.000533l-6.126934 2.082134v-18.295467h6.024534l0.1024 16.213333zM221.5424 485.239467h-8.9088l-0.085333-16.247467 8.994133-0.512v16.759467z"
                    fill="#1afa29"
                    p-id="6028"
                  ></path>
                  <path
                    d="M784.469333 480.290133L504.456533 178.978133a6.826667 6.826667 0 0 0-10.001066 0L214.459733 480.290133a6.826667 6.826667 0 0 0 5.922134 11.4176l158.1056-21.435733L358.4 853.333333v16.162134a6.826667 6.826667 0 0 0 6.826667 7.168h268.356266a6.826667 6.826667 0 0 0 6.826667-7.168l-0.119467-16.3328-19.848533-382.8736 158.122667 21.418666a6.826667 6.826667 0 0 0 5.922133-11.4176z"
                    fill="#1afa29"
                    p-id="6029"
                  ></path>
                  <path
                    d="M191.3344 734.6176l103.031467 72.789333 103.048533-72.789333a127.197867 127.197867 0 0 0-206.097067 0z"
                    fill="#1afa29"
                    p-id="6030"
                  ></path>
                  <path
                    d="M294.382933 681.984a127.010133 127.010133 0 0 1 103.048534 52.6336l-103.048534 72.789333-103.031466-72.789333a127.010133 127.010133 0 0 1 103.048533-52.6336m0-10.24a137.915733 137.915733 0 0 0-111.342933 56.849067 10.24 10.24 0 0 0 2.269866 14.2848l0.136534 0.1024L288.426667 815.786667a10.24 10.24 0 0 0 11.810133 0l103.031467-72.772267a10.24 10.24 0 0 0 2.4064-14.3872 137.915733 137.915733 0 0 0-111.342934-56.849067z"
                    fill="#1afa29"
                    p-id="6031"
                  ></path>
                  <path
                    d="M384.1536 444.142933h1.5872l-20.48 409.6h268.2368l-20.48-409.6"
                    fill="#1afa29"
                    p-id="6032"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l20.48-409.6 5.239467 0.256v-6.826667h1.5872a6.826667 6.826667 0 0 1 6.826666 7.168l-20.1216 402.432H626.346667l-20.1216-402.432 13.653333-0.682666 20.48 409.6a6.826667 6.826667 0 0 1-6.826667 7.168z"
                    fill="#1afa29"
                    p-id="6033"
                  ></path>
                  <path
                    d="M613.0176 446.276267l166.365867 22.545066L499.387733 167.509333 219.374933 468.821333l164.778667-22.545066"
                    fill="#1afa29"
                    p-id="6034"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l19.968-399.240533-158.122667 21.435733a6.826667 6.826667 0 0 1-5.922133-11.4176L494.370133 162.8672a6.826667 6.826667 0 0 1 10.001067 0L784.384 464.213333a6.826667 6.826667 0 0 1-5.922133 11.4176l-158.122667-21.418666L640.3072 853.333333a6.826667 6.826667 0 0 1-6.826667 7.168z m-261.12-13.653333H626.346667L606.3104 446.634667a6.826667 6.826667 0 0 1 7.7312-7.099734l147.3536 19.950934L499.370667 177.493333 237.3632 459.485867l147.3536-19.968a6.826667 6.826667 0 0 1 7.7312 7.099733z"
                    fill="#1afa29"
                    p-id="6035"
                  ></path>
                  <path
                    d="M557.3632 617.5744l149.5552 105.659733 149.572267-105.659733a184.644267 184.644267 0 0 0-299.1616 0z"
                    fill="#1afa29"
                    p-id="6036"
                  ></path>
                  <path
                    d="M706.935467 541.184a184.32 184.32 0 0 1 149.572266 76.3904l-149.572266 105.659733-149.5552-105.659733a184.32 184.32 0 0 1 149.572266-76.3904m0-10.24a194.56 194.56 0 0 0-157.866666 80.622933 10.24 10.24 0 0 0 2.184533 14.2336l0.221867 0.1536 149.5552 105.659734a10.24 10.24 0 0 0 11.810133 0l149.5552-105.642667a10.24 10.24 0 0 0 2.4064-14.3872 194.56 194.56 0 0 0-157.866667-80.622933z"
                    fill="#1afa29"
                    p-id="6037"
                  ></path>
                </svg>
              </h2>
              <button>
                <svg
                  t="1650034292952"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="4963"
                  width="16"
                  height="16"
                >
                  <path
                    d="M484.112 32.864C234.224 32.864 32 208.736 32 425.744c0 133.104 77.28 251.52 193.92 323.76v121.68c0 16.416 11.52 26.304 24.72 26.304a30.624 30.624 0 0 0 13.152-3.312l123.264-82.176c31.248 6.576 62.496 8.256 95.376 8.256 249.84 0 452.016-175.92 452.016-392.88 1.68-218.64-200.496-394.56-450.384-394.56z m0 721.632c-27.984 0-55.92-3.312-83.856-8.256l-13.152-3.264a33.936 33.936 0 0 0-24.672 4.944l-11.52 8.16-59.136 39.504v-64.128c0-11.52-6.576-23.04-16.464-27.936l-16.416-9.84c-101.952-60.864-162.72-161.136-162.72-266.304 0-180.816 172.608-327.12 386.256-327.12 213.744 0 386.304 146.304 386.304 327.12 1.68 179.136-172.56 327.12-384.624 327.12z m-256.464-317.28a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m205.488 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m198.912 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m311.376 84.96c-0.96-1.248-2.016-2.4-3.024-3.648a376.896 376.896 0 0 1-29.856 77.28c0.48 1.2 1.2 2.304 1.68 3.504 8.64 19.776 13.296 41.184 13.296 63.456 0 59.136-34.176 115.488-91.44 149.616l-9.216 5.568a17.856 17.856 0 0 0-9.264 15.696v36l-33.216-22.176-6.48-4.608c-4.608-2.736-9.216-3.696-13.824-2.736l-7.392 1.824a244.944 244.944 0 0 1-151.104-18.24c-30.72 7.2-62.592 11.664-95.424 13.248 51.408 44.304 122.16 71.664 200.352 71.664 20.688 0 40.32-1.008 60-5.136l77.616 51.744a19.296 19.296 0 0 0 8.16 2.064c8.352 0 15.6-6.24 15.6-16.56v-76.56c73.44-45.552 122.064-120 122.064-203.808 0-51.168-17.856-98.736-48.528-138.24z"
                    fill="#256efb"
                    p-id="4964"
                  ></path>
                </svg>
                <h3>围观讨论</h3>
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
              </button>
            </li>
            <li>
              <img class="image1" src="../images/15.png" alt="" />
              <h1>Jwt</h1>
              <span>热门指数</span>
              <h2>
                20,107<svg
                  t="1650034408940"
                  class="icon1"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="6027"
                  width="16"
                  height="16"
                >
                  <path
                    d="M786.295467 485.000533l-6.126934 2.082134v-18.295467h6.024534l0.1024 16.213333zM221.5424 485.239467h-8.9088l-0.085333-16.247467 8.994133-0.512v16.759467z"
                    fill="#1afa29"
                    p-id="6028"
                  ></path>
                  <path
                    d="M784.469333 480.290133L504.456533 178.978133a6.826667 6.826667 0 0 0-10.001066 0L214.459733 480.290133a6.826667 6.826667 0 0 0 5.922134 11.4176l158.1056-21.435733L358.4 853.333333v16.162134a6.826667 6.826667 0 0 0 6.826667 7.168h268.356266a6.826667 6.826667 0 0 0 6.826667-7.168l-0.119467-16.3328-19.848533-382.8736 158.122667 21.418666a6.826667 6.826667 0 0 0 5.922133-11.4176z"
                    fill="#1afa29"
                    p-id="6029"
                  ></path>
                  <path
                    d="M191.3344 734.6176l103.031467 72.789333 103.048533-72.789333a127.197867 127.197867 0 0 0-206.097067 0z"
                    fill="#1afa29"
                    p-id="6030"
                  ></path>
                  <path
                    d="M294.382933 681.984a127.010133 127.010133 0 0 1 103.048534 52.6336l-103.048534 72.789333-103.031466-72.789333a127.010133 127.010133 0 0 1 103.048533-52.6336m0-10.24a137.915733 137.915733 0 0 0-111.342933 56.849067 10.24 10.24 0 0 0 2.269866 14.2848l0.136534 0.1024L288.426667 815.786667a10.24 10.24 0 0 0 11.810133 0l103.031467-72.772267a10.24 10.24 0 0 0 2.4064-14.3872 137.915733 137.915733 0 0 0-111.342934-56.849067z"
                    fill="#1afa29"
                    p-id="6031"
                  ></path>
                  <path
                    d="M384.1536 444.142933h1.5872l-20.48 409.6h268.2368l-20.48-409.6"
                    fill="#1afa29"
                    p-id="6032"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l20.48-409.6 5.239467 0.256v-6.826667h1.5872a6.826667 6.826667 0 0 1 6.826666 7.168l-20.1216 402.432H626.346667l-20.1216-402.432 13.653333-0.682666 20.48 409.6a6.826667 6.826667 0 0 1-6.826667 7.168z"
                    fill="#1afa29"
                    p-id="6033"
                  ></path>
                  <path
                    d="M613.0176 446.276267l166.365867 22.545066L499.387733 167.509333 219.374933 468.821333l164.778667-22.545066"
                    fill="#1afa29"
                    p-id="6034"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l19.968-399.240533-158.122667 21.435733a6.826667 6.826667 0 0 1-5.922133-11.4176L494.370133 162.8672a6.826667 6.826667 0 0 1 10.001067 0L784.384 464.213333a6.826667 6.826667 0 0 1-5.922133 11.4176l-158.122667-21.418666L640.3072 853.333333a6.826667 6.826667 0 0 1-6.826667 7.168z m-261.12-13.653333H626.346667L606.3104 446.634667a6.826667 6.826667 0 0 1 7.7312-7.099734l147.3536 19.950934L499.370667 177.493333 237.3632 459.485867l147.3536-19.968a6.826667 6.826667 0 0 1 7.7312 7.099733z"
                    fill="#1afa29"
                    p-id="6035"
                  ></path>
                  <path
                    d="M557.3632 617.5744l149.5552 105.659733 149.572267-105.659733a184.644267 184.644267 0 0 0-299.1616 0z"
                    fill="#1afa29"
                    p-id="6036"
                  ></path>
                  <path
                    d="M706.935467 541.184a184.32 184.32 0 0 1 149.572266 76.3904l-149.572266 105.659733-149.5552-105.659733a184.32 184.32 0 0 1 149.572266-76.3904m0-10.24a194.56 194.56 0 0 0-157.866666 80.622933 10.24 10.24 0 0 0 2.184533 14.2336l0.221867 0.1536 149.5552 105.659734a10.24 10.24 0 0 0 11.810133 0l149.5552-105.642667a10.24 10.24 0 0 0 2.4064-14.3872 194.56 194.56 0 0 0-157.866667-80.622933z"
                    fill="#1afa29"
                    p-id="6037"
                  ></path>
                </svg>
              </h2>
              <button>
                <svg
                  t="1650034292952"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="4963"
                  width="16"
                  height="16"
                >
                  <path
                    d="M484.112 32.864C234.224 32.864 32 208.736 32 425.744c0 133.104 77.28 251.52 193.92 323.76v121.68c0 16.416 11.52 26.304 24.72 26.304a30.624 30.624 0 0 0 13.152-3.312l123.264-82.176c31.248 6.576 62.496 8.256 95.376 8.256 249.84 0 452.016-175.92 452.016-392.88 1.68-218.64-200.496-394.56-450.384-394.56z m0 721.632c-27.984 0-55.92-3.312-83.856-8.256l-13.152-3.264a33.936 33.936 0 0 0-24.672 4.944l-11.52 8.16-59.136 39.504v-64.128c0-11.52-6.576-23.04-16.464-27.936l-16.416-9.84c-101.952-60.864-162.72-161.136-162.72-266.304 0-180.816 172.608-327.12 386.256-327.12 213.744 0 386.304 146.304 386.304 327.12 1.68 179.136-172.56 327.12-384.624 327.12z m-256.464-317.28a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m205.488 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m198.912 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m311.376 84.96c-0.96-1.248-2.016-2.4-3.024-3.648a376.896 376.896 0 0 1-29.856 77.28c0.48 1.2 1.2 2.304 1.68 3.504 8.64 19.776 13.296 41.184 13.296 63.456 0 59.136-34.176 115.488-91.44 149.616l-9.216 5.568a17.856 17.856 0 0 0-9.264 15.696v36l-33.216-22.176-6.48-4.608c-4.608-2.736-9.216-3.696-13.824-2.736l-7.392 1.824a244.944 244.944 0 0 1-151.104-18.24c-30.72 7.2-62.592 11.664-95.424 13.248 51.408 44.304 122.16 71.664 200.352 71.664 20.688 0 40.32-1.008 60-5.136l77.616 51.744a19.296 19.296 0 0 0 8.16 2.064c8.352 0 15.6-6.24 15.6-16.56v-76.56c73.44-45.552 122.064-120 122.064-203.808 0-51.168-17.856-98.736-48.528-138.24z"
                    fill="#256efb"
                    p-id="4964"
                  ></path>
                </svg>
                <h3>围观讨论</h3>
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
              </button>
            </li>
          </ul>
          <ul v-show="Index == 3">
            <li>
              <img class="image1" src="../images/5.png" alt="" />
              <h1>Java</h1>
              <span>热门指数</span>
              <h2>
                25,567<svg
                  t="1650034408940"
                  class="icon1"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="6027"
                  width="16"
                  height="16"
                >
                  <path
                    d="M786.295467 485.000533l-6.126934 2.082134v-18.295467h6.024534l0.1024 16.213333zM221.5424 485.239467h-8.9088l-0.085333-16.247467 8.994133-0.512v16.759467z"
                    fill="#1afa29"
                    p-id="6028"
                  ></path>
                  <path
                    d="M784.469333 480.290133L504.456533 178.978133a6.826667 6.826667 0 0 0-10.001066 0L214.459733 480.290133a6.826667 6.826667 0 0 0 5.922134 11.4176l158.1056-21.435733L358.4 853.333333v16.162134a6.826667 6.826667 0 0 0 6.826667 7.168h268.356266a6.826667 6.826667 0 0 0 6.826667-7.168l-0.119467-16.3328-19.848533-382.8736 158.122667 21.418666a6.826667 6.826667 0 0 0 5.922133-11.4176z"
                    fill="#1afa29"
                    p-id="6029"
                  ></path>
                  <path
                    d="M191.3344 734.6176l103.031467 72.789333 103.048533-72.789333a127.197867 127.197867 0 0 0-206.097067 0z"
                    fill="#1afa29"
                    p-id="6030"
                  ></path>
                  <path
                    d="M294.382933 681.984a127.010133 127.010133 0 0 1 103.048534 52.6336l-103.048534 72.789333-103.031466-72.789333a127.010133 127.010133 0 0 1 103.048533-52.6336m0-10.24a137.915733 137.915733 0 0 0-111.342933 56.849067 10.24 10.24 0 0 0 2.269866 14.2848l0.136534 0.1024L288.426667 815.786667a10.24 10.24 0 0 0 11.810133 0l103.031467-72.772267a10.24 10.24 0 0 0 2.4064-14.3872 137.915733 137.915733 0 0 0-111.342934-56.849067z"
                    fill="#1afa29"
                    p-id="6031"
                  ></path>
                  <path
                    d="M384.1536 444.142933h1.5872l-20.48 409.6h268.2368l-20.48-409.6"
                    fill="#1afa29"
                    p-id="6032"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l20.48-409.6 5.239467 0.256v-6.826667h1.5872a6.826667 6.826667 0 0 1 6.826666 7.168l-20.1216 402.432H626.346667l-20.1216-402.432 13.653333-0.682666 20.48 409.6a6.826667 6.826667 0 0 1-6.826667 7.168z"
                    fill="#1afa29"
                    p-id="6033"
                  ></path>
                  <path
                    d="M613.0176 446.276267l166.365867 22.545066L499.387733 167.509333 219.374933 468.821333l164.778667-22.545066"
                    fill="#1afa29"
                    p-id="6034"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l19.968-399.240533-158.122667 21.435733a6.826667 6.826667 0 0 1-5.922133-11.4176L494.370133 162.8672a6.826667 6.826667 0 0 1 10.001067 0L784.384 464.213333a6.826667 6.826667 0 0 1-5.922133 11.4176l-158.122667-21.418666L640.3072 853.333333a6.826667 6.826667 0 0 1-6.826667 7.168z m-261.12-13.653333H626.346667L606.3104 446.634667a6.826667 6.826667 0 0 1 7.7312-7.099734l147.3536 19.950934L499.370667 177.493333 237.3632 459.485867l147.3536-19.968a6.826667 6.826667 0 0 1 7.7312 7.099733z"
                    fill="#1afa29"
                    p-id="6035"
                  ></path>
                  <path
                    d="M557.3632 617.5744l149.5552 105.659733 149.572267-105.659733a184.644267 184.644267 0 0 0-299.1616 0z"
                    fill="#1afa29"
                    p-id="6036"
                  ></path>
                  <path
                    d="M706.935467 541.184a184.32 184.32 0 0 1 149.572266 76.3904l-149.572266 105.659733-149.5552-105.659733a184.32 184.32 0 0 1 149.572266-76.3904m0-10.24a194.56 194.56 0 0 0-157.866666 80.622933 10.24 10.24 0 0 0 2.184533 14.2336l0.221867 0.1536 149.5552 105.659734a10.24 10.24 0 0 0 11.810133 0l149.5552-105.642667a10.24 10.24 0 0 0 2.4064-14.3872 194.56 194.56 0 0 0-157.866667-80.622933z"
                    fill="#1afa29"
                    p-id="6037"
                  ></path>
                </svg>
              </h2>
              <button>
                <svg
                  t="1650034292952"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="4963"
                  width="16"
                  height="16"
                >
                  <path
                    d="M484.112 32.864C234.224 32.864 32 208.736 32 425.744c0 133.104 77.28 251.52 193.92 323.76v121.68c0 16.416 11.52 26.304 24.72 26.304a30.624 30.624 0 0 0 13.152-3.312l123.264-82.176c31.248 6.576 62.496 8.256 95.376 8.256 249.84 0 452.016-175.92 452.016-392.88 1.68-218.64-200.496-394.56-450.384-394.56z m0 721.632c-27.984 0-55.92-3.312-83.856-8.256l-13.152-3.264a33.936 33.936 0 0 0-24.672 4.944l-11.52 8.16-59.136 39.504v-64.128c0-11.52-6.576-23.04-16.464-27.936l-16.416-9.84c-101.952-60.864-162.72-161.136-162.72-266.304 0-180.816 172.608-327.12 386.256-327.12 213.744 0 386.304 146.304 386.304 327.12 1.68 179.136-172.56 327.12-384.624 327.12z m-256.464-317.28a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m205.488 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m198.912 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m311.376 84.96c-0.96-1.248-2.016-2.4-3.024-3.648a376.896 376.896 0 0 1-29.856 77.28c0.48 1.2 1.2 2.304 1.68 3.504 8.64 19.776 13.296 41.184 13.296 63.456 0 59.136-34.176 115.488-91.44 149.616l-9.216 5.568a17.856 17.856 0 0 0-9.264 15.696v36l-33.216-22.176-6.48-4.608c-4.608-2.736-9.216-3.696-13.824-2.736l-7.392 1.824a244.944 244.944 0 0 1-151.104-18.24c-30.72 7.2-62.592 11.664-95.424 13.248 51.408 44.304 122.16 71.664 200.352 71.664 20.688 0 40.32-1.008 60-5.136l77.616 51.744a19.296 19.296 0 0 0 8.16 2.064c8.352 0 15.6-6.24 15.6-16.56v-76.56c73.44-45.552 122.064-120 122.064-203.808 0-51.168-17.856-98.736-48.528-138.24z"
                    fill="#256efb"
                    p-id="4964"
                  ></path>
                </svg>
                <h3>围观讨论</h3>
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
              </button>
            </li>
            <li>
              <img class="image1" src="../images/20.png" alt="" />
              <h1>Flink</h1>
              <span>热门指数</span>
              <h2>
                18,153<svg
                  t="1650034408940"
                  class="icon1"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="6027"
                  width="16"
                  height="16"
                >
                  <path
                    d="M786.295467 485.000533l-6.126934 2.082134v-18.295467h6.024534l0.1024 16.213333zM221.5424 485.239467h-8.9088l-0.085333-16.247467 8.994133-0.512v16.759467z"
                    fill="#1afa29"
                    p-id="6028"
                  ></path>
                  <path
                    d="M784.469333 480.290133L504.456533 178.978133a6.826667 6.826667 0 0 0-10.001066 0L214.459733 480.290133a6.826667 6.826667 0 0 0 5.922134 11.4176l158.1056-21.435733L358.4 853.333333v16.162134a6.826667 6.826667 0 0 0 6.826667 7.168h268.356266a6.826667 6.826667 0 0 0 6.826667-7.168l-0.119467-16.3328-19.848533-382.8736 158.122667 21.418666a6.826667 6.826667 0 0 0 5.922133-11.4176z"
                    fill="#1afa29"
                    p-id="6029"
                  ></path>
                  <path
                    d="M191.3344 734.6176l103.031467 72.789333 103.048533-72.789333a127.197867 127.197867 0 0 0-206.097067 0z"
                    fill="#1afa29"
                    p-id="6030"
                  ></path>
                  <path
                    d="M294.382933 681.984a127.010133 127.010133 0 0 1 103.048534 52.6336l-103.048534 72.789333-103.031466-72.789333a127.010133 127.010133 0 0 1 103.048533-52.6336m0-10.24a137.915733 137.915733 0 0 0-111.342933 56.849067 10.24 10.24 0 0 0 2.269866 14.2848l0.136534 0.1024L288.426667 815.786667a10.24 10.24 0 0 0 11.810133 0l103.031467-72.772267a10.24 10.24 0 0 0 2.4064-14.3872 137.915733 137.915733 0 0 0-111.342934-56.849067z"
                    fill="#1afa29"
                    p-id="6031"
                  ></path>
                  <path
                    d="M384.1536 444.142933h1.5872l-20.48 409.6h268.2368l-20.48-409.6"
                    fill="#1afa29"
                    p-id="6032"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l20.48-409.6 5.239467 0.256v-6.826667h1.5872a6.826667 6.826667 0 0 1 6.826666 7.168l-20.1216 402.432H626.346667l-20.1216-402.432 13.653333-0.682666 20.48 409.6a6.826667 6.826667 0 0 1-6.826667 7.168z"
                    fill="#1afa29"
                    p-id="6033"
                  ></path>
                  <path
                    d="M613.0176 446.276267l166.365867 22.545066L499.387733 167.509333 219.374933 468.821333l164.778667-22.545066"
                    fill="#1afa29"
                    p-id="6034"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l19.968-399.240533-158.122667 21.435733a6.826667 6.826667 0 0 1-5.922133-11.4176L494.370133 162.8672a6.826667 6.826667 0 0 1 10.001067 0L784.384 464.213333a6.826667 6.826667 0 0 1-5.922133 11.4176l-158.122667-21.418666L640.3072 853.333333a6.826667 6.826667 0 0 1-6.826667 7.168z m-261.12-13.653333H626.346667L606.3104 446.634667a6.826667 6.826667 0 0 1 7.7312-7.099734l147.3536 19.950934L499.370667 177.493333 237.3632 459.485867l147.3536-19.968a6.826667 6.826667 0 0 1 7.7312 7.099733z"
                    fill="#1afa29"
                    p-id="6035"
                  ></path>
                  <path
                    d="M557.3632 617.5744l149.5552 105.659733 149.572267-105.659733a184.644267 184.644267 0 0 0-299.1616 0z"
                    fill="#1afa29"
                    p-id="6036"
                  ></path>
                  <path
                    d="M706.935467 541.184a184.32 184.32 0 0 1 149.572266 76.3904l-149.572266 105.659733-149.5552-105.659733a184.32 184.32 0 0 1 149.572266-76.3904m0-10.24a194.56 194.56 0 0 0-157.866666 80.622933 10.24 10.24 0 0 0 2.184533 14.2336l0.221867 0.1536 149.5552 105.659734a10.24 10.24 0 0 0 11.810133 0l149.5552-105.642667a10.24 10.24 0 0 0 2.4064-14.3872 194.56 194.56 0 0 0-157.866667-80.622933z"
                    fill="#1afa29"
                    p-id="6037"
                  ></path>
                </svg>
              </h2>
              <button>
                <svg
                  t="1650034292952"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="4963"
                  width="16"
                  height="16"
                >
                  <path
                    d="M484.112 32.864C234.224 32.864 32 208.736 32 425.744c0 133.104 77.28 251.52 193.92 323.76v121.68c0 16.416 11.52 26.304 24.72 26.304a30.624 30.624 0 0 0 13.152-3.312l123.264-82.176c31.248 6.576 62.496 8.256 95.376 8.256 249.84 0 452.016-175.92 452.016-392.88 1.68-218.64-200.496-394.56-450.384-394.56z m0 721.632c-27.984 0-55.92-3.312-83.856-8.256l-13.152-3.264a33.936 33.936 0 0 0-24.672 4.944l-11.52 8.16-59.136 39.504v-64.128c0-11.52-6.576-23.04-16.464-27.936l-16.416-9.84c-101.952-60.864-162.72-161.136-162.72-266.304 0-180.816 172.608-327.12 386.256-327.12 213.744 0 386.304 146.304 386.304 327.12 1.68 179.136-172.56 327.12-384.624 327.12z m-256.464-317.28a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m205.488 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m198.912 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m311.376 84.96c-0.96-1.248-2.016-2.4-3.024-3.648a376.896 376.896 0 0 1-29.856 77.28c0.48 1.2 1.2 2.304 1.68 3.504 8.64 19.776 13.296 41.184 13.296 63.456 0 59.136-34.176 115.488-91.44 149.616l-9.216 5.568a17.856 17.856 0 0 0-9.264 15.696v36l-33.216-22.176-6.48-4.608c-4.608-2.736-9.216-3.696-13.824-2.736l-7.392 1.824a244.944 244.944 0 0 1-151.104-18.24c-30.72 7.2-62.592 11.664-95.424 13.248 51.408 44.304 122.16 71.664 200.352 71.664 20.688 0 40.32-1.008 60-5.136l77.616 51.744a19.296 19.296 0 0 0 8.16 2.064c8.352 0 15.6-6.24 15.6-16.56v-76.56c73.44-45.552 122.064-120 122.064-203.808 0-51.168-17.856-98.736-48.528-138.24z"
                    fill="#256efb"
                    p-id="4964"
                  ></path>
                </svg>
                <h3>围观讨论</h3>
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
              </button>
            </li>
            <li>
              <img class="image1" src="../images/18.png" alt="" />
              <h1>Hive</h1>
              <span>热门指数</span>
              <h2>
                12,527<svg
                  t="1650034408940"
                  class="icon1"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="6027"
                  width="16"
                  height="16"
                >
                  <path
                    d="M786.295467 485.000533l-6.126934 2.082134v-18.295467h6.024534l0.1024 16.213333zM221.5424 485.239467h-8.9088l-0.085333-16.247467 8.994133-0.512v16.759467z"
                    fill="#1afa29"
                    p-id="6028"
                  ></path>
                  <path
                    d="M784.469333 480.290133L504.456533 178.978133a6.826667 6.826667 0 0 0-10.001066 0L214.459733 480.290133a6.826667 6.826667 0 0 0 5.922134 11.4176l158.1056-21.435733L358.4 853.333333v16.162134a6.826667 6.826667 0 0 0 6.826667 7.168h268.356266a6.826667 6.826667 0 0 0 6.826667-7.168l-0.119467-16.3328-19.848533-382.8736 158.122667 21.418666a6.826667 6.826667 0 0 0 5.922133-11.4176z"
                    fill="#1afa29"
                    p-id="6029"
                  ></path>
                  <path
                    d="M191.3344 734.6176l103.031467 72.789333 103.048533-72.789333a127.197867 127.197867 0 0 0-206.097067 0z"
                    fill="#1afa29"
                    p-id="6030"
                  ></path>
                  <path
                    d="M294.382933 681.984a127.010133 127.010133 0 0 1 103.048534 52.6336l-103.048534 72.789333-103.031466-72.789333a127.010133 127.010133 0 0 1 103.048533-52.6336m0-10.24a137.915733 137.915733 0 0 0-111.342933 56.849067 10.24 10.24 0 0 0 2.269866 14.2848l0.136534 0.1024L288.426667 815.786667a10.24 10.24 0 0 0 11.810133 0l103.031467-72.772267a10.24 10.24 0 0 0 2.4064-14.3872 137.915733 137.915733 0 0 0-111.342934-56.849067z"
                    fill="#1afa29"
                    p-id="6031"
                  ></path>
                  <path
                    d="M384.1536 444.142933h1.5872l-20.48 409.6h268.2368l-20.48-409.6"
                    fill="#1afa29"
                    p-id="6032"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l20.48-409.6 5.239467 0.256v-6.826667h1.5872a6.826667 6.826667 0 0 1 6.826666 7.168l-20.1216 402.432H626.346667l-20.1216-402.432 13.653333-0.682666 20.48 409.6a6.826667 6.826667 0 0 1-6.826667 7.168z"
                    fill="#1afa29"
                    p-id="6033"
                  ></path>
                  <path
                    d="M613.0176 446.276267l166.365867 22.545066L499.387733 167.509333 219.374933 468.821333l164.778667-22.545066"
                    fill="#1afa29"
                    p-id="6034"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l19.968-399.240533-158.122667 21.435733a6.826667 6.826667 0 0 1-5.922133-11.4176L494.370133 162.8672a6.826667 6.826667 0 0 1 10.001067 0L784.384 464.213333a6.826667 6.826667 0 0 1-5.922133 11.4176l-158.122667-21.418666L640.3072 853.333333a6.826667 6.826667 0 0 1-6.826667 7.168z m-261.12-13.653333H626.346667L606.3104 446.634667a6.826667 6.826667 0 0 1 7.7312-7.099734l147.3536 19.950934L499.370667 177.493333 237.3632 459.485867l147.3536-19.968a6.826667 6.826667 0 0 1 7.7312 7.099733z"
                    fill="#1afa29"
                    p-id="6035"
                  ></path>
                  <path
                    d="M557.3632 617.5744l149.5552 105.659733 149.572267-105.659733a184.644267 184.644267 0 0 0-299.1616 0z"
                    fill="#1afa29"
                    p-id="6036"
                  ></path>
                  <path
                    d="M706.935467 541.184a184.32 184.32 0 0 1 149.572266 76.3904l-149.572266 105.659733-149.5552-105.659733a184.32 184.32 0 0 1 149.572266-76.3904m0-10.24a194.56 194.56 0 0 0-157.866666 80.622933 10.24 10.24 0 0 0 2.184533 14.2336l0.221867 0.1536 149.5552 105.659734a10.24 10.24 0 0 0 11.810133 0l149.5552-105.642667a10.24 10.24 0 0 0 2.4064-14.3872 194.56 194.56 0 0 0-157.866667-80.622933z"
                    fill="#1afa29"
                    p-id="6037"
                  ></path>
                </svg>
              </h2>
              <button>
                <svg
                  t="1650034292952"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="4963"
                  width="16"
                  height="16"
                >
                  <path
                    d="M484.112 32.864C234.224 32.864 32 208.736 32 425.744c0 133.104 77.28 251.52 193.92 323.76v121.68c0 16.416 11.52 26.304 24.72 26.304a30.624 30.624 0 0 0 13.152-3.312l123.264-82.176c31.248 6.576 62.496 8.256 95.376 8.256 249.84 0 452.016-175.92 452.016-392.88 1.68-218.64-200.496-394.56-450.384-394.56z m0 721.632c-27.984 0-55.92-3.312-83.856-8.256l-13.152-3.264a33.936 33.936 0 0 0-24.672 4.944l-11.52 8.16-59.136 39.504v-64.128c0-11.52-6.576-23.04-16.464-27.936l-16.416-9.84c-101.952-60.864-162.72-161.136-162.72-266.304 0-180.816 172.608-327.12 386.256-327.12 213.744 0 386.304 146.304 386.304 327.12 1.68 179.136-172.56 327.12-384.624 327.12z m-256.464-317.28a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m205.488 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m198.912 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m311.376 84.96c-0.96-1.248-2.016-2.4-3.024-3.648a376.896 376.896 0 0 1-29.856 77.28c0.48 1.2 1.2 2.304 1.68 3.504 8.64 19.776 13.296 41.184 13.296 63.456 0 59.136-34.176 115.488-91.44 149.616l-9.216 5.568a17.856 17.856 0 0 0-9.264 15.696v36l-33.216-22.176-6.48-4.608c-4.608-2.736-9.216-3.696-13.824-2.736l-7.392 1.824a244.944 244.944 0 0 1-151.104-18.24c-30.72 7.2-62.592 11.664-95.424 13.248 51.408 44.304 122.16 71.664 200.352 71.664 20.688 0 40.32-1.008 60-5.136l77.616 51.744a19.296 19.296 0 0 0 8.16 2.064c8.352 0 15.6-6.24 15.6-16.56v-76.56c73.44-45.552 122.064-120 122.064-203.808 0-51.168-17.856-98.736-48.528-138.24z"
                    fill="#256efb"
                    p-id="4964"
                  ></path>
                </svg>
                <h3>围观讨论</h3>
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
              </button>
            </li>
            <li>
              <img class="image1" src="../images/19.png" alt="" />
              <h1>Flume</h1>
              <span>热门指数</span>
              <h2>
                10,191<svg
                  t="1650034408940"
                  class="icon1"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="6027"
                  width="16"
                  height="16"
                >
                  <path
                    d="M786.295467 485.000533l-6.126934 2.082134v-18.295467h6.024534l0.1024 16.213333zM221.5424 485.239467h-8.9088l-0.085333-16.247467 8.994133-0.512v16.759467z"
                    fill="#1afa29"
                    p-id="6028"
                  ></path>
                  <path
                    d="M784.469333 480.290133L504.456533 178.978133a6.826667 6.826667 0 0 0-10.001066 0L214.459733 480.290133a6.826667 6.826667 0 0 0 5.922134 11.4176l158.1056-21.435733L358.4 853.333333v16.162134a6.826667 6.826667 0 0 0 6.826667 7.168h268.356266a6.826667 6.826667 0 0 0 6.826667-7.168l-0.119467-16.3328-19.848533-382.8736 158.122667 21.418666a6.826667 6.826667 0 0 0 5.922133-11.4176z"
                    fill="#1afa29"
                    p-id="6029"
                  ></path>
                  <path
                    d="M191.3344 734.6176l103.031467 72.789333 103.048533-72.789333a127.197867 127.197867 0 0 0-206.097067 0z"
                    fill="#1afa29"
                    p-id="6030"
                  ></path>
                  <path
                    d="M294.382933 681.984a127.010133 127.010133 0 0 1 103.048534 52.6336l-103.048534 72.789333-103.031466-72.789333a127.010133 127.010133 0 0 1 103.048533-52.6336m0-10.24a137.915733 137.915733 0 0 0-111.342933 56.849067 10.24 10.24 0 0 0 2.269866 14.2848l0.136534 0.1024L288.426667 815.786667a10.24 10.24 0 0 0 11.810133 0l103.031467-72.772267a10.24 10.24 0 0 0 2.4064-14.3872 137.915733 137.915733 0 0 0-111.342934-56.849067z"
                    fill="#1afa29"
                    p-id="6031"
                  ></path>
                  <path
                    d="M384.1536 444.142933h1.5872l-20.48 409.6h268.2368l-20.48-409.6"
                    fill="#1afa29"
                    p-id="6032"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l20.48-409.6 5.239467 0.256v-6.826667h1.5872a6.826667 6.826667 0 0 1 6.826666 7.168l-20.1216 402.432H626.346667l-20.1216-402.432 13.653333-0.682666 20.48 409.6a6.826667 6.826667 0 0 1-6.826667 7.168z"
                    fill="#1afa29"
                    p-id="6033"
                  ></path>
                  <path
                    d="M613.0176 446.276267l166.365867 22.545066L499.387733 167.509333 219.374933 468.821333l164.778667-22.545066"
                    fill="#1afa29"
                    p-id="6034"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l19.968-399.240533-158.122667 21.435733a6.826667 6.826667 0 0 1-5.922133-11.4176L494.370133 162.8672a6.826667 6.826667 0 0 1 10.001067 0L784.384 464.213333a6.826667 6.826667 0 0 1-5.922133 11.4176l-158.122667-21.418666L640.3072 853.333333a6.826667 6.826667 0 0 1-6.826667 7.168z m-261.12-13.653333H626.346667L606.3104 446.634667a6.826667 6.826667 0 0 1 7.7312-7.099734l147.3536 19.950934L499.370667 177.493333 237.3632 459.485867l147.3536-19.968a6.826667 6.826667 0 0 1 7.7312 7.099733z"
                    fill="#1afa29"
                    p-id="6035"
                  ></path>
                  <path
                    d="M557.3632 617.5744l149.5552 105.659733 149.572267-105.659733a184.644267 184.644267 0 0 0-299.1616 0z"
                    fill="#1afa29"
                    p-id="6036"
                  ></path>
                  <path
                    d="M706.935467 541.184a184.32 184.32 0 0 1 149.572266 76.3904l-149.572266 105.659733-149.5552-105.659733a184.32 184.32 0 0 1 149.572266-76.3904m0-10.24a194.56 194.56 0 0 0-157.866666 80.622933 10.24 10.24 0 0 0 2.184533 14.2336l0.221867 0.1536 149.5552 105.659734a10.24 10.24 0 0 0 11.810133 0l149.5552-105.642667a10.24 10.24 0 0 0 2.4064-14.3872 194.56 194.56 0 0 0-157.866667-80.622933z"
                    fill="#1afa29"
                    p-id="6037"
                  ></path>
                </svg>
              </h2>
              <button>
                <svg
                  t="1650034292952"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="4963"
                  width="16"
                  height="16"
                >
                  <path
                    d="M484.112 32.864C234.224 32.864 32 208.736 32 425.744c0 133.104 77.28 251.52 193.92 323.76v121.68c0 16.416 11.52 26.304 24.72 26.304a30.624 30.624 0 0 0 13.152-3.312l123.264-82.176c31.248 6.576 62.496 8.256 95.376 8.256 249.84 0 452.016-175.92 452.016-392.88 1.68-218.64-200.496-394.56-450.384-394.56z m0 721.632c-27.984 0-55.92-3.312-83.856-8.256l-13.152-3.264a33.936 33.936 0 0 0-24.672 4.944l-11.52 8.16-59.136 39.504v-64.128c0-11.52-6.576-23.04-16.464-27.936l-16.416-9.84c-101.952-60.864-162.72-161.136-162.72-266.304 0-180.816 172.608-327.12 386.256-327.12 213.744 0 386.304 146.304 386.304 327.12 1.68 179.136-172.56 327.12-384.624 327.12z m-256.464-317.28a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m205.488 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m198.912 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m311.376 84.96c-0.96-1.248-2.016-2.4-3.024-3.648a376.896 376.896 0 0 1-29.856 77.28c0.48 1.2 1.2 2.304 1.68 3.504 8.64 19.776 13.296 41.184 13.296 63.456 0 59.136-34.176 115.488-91.44 149.616l-9.216 5.568a17.856 17.856 0 0 0-9.264 15.696v36l-33.216-22.176-6.48-4.608c-4.608-2.736-9.216-3.696-13.824-2.736l-7.392 1.824a244.944 244.944 0 0 1-151.104-18.24c-30.72 7.2-62.592 11.664-95.424 13.248 51.408 44.304 122.16 71.664 200.352 71.664 20.688 0 40.32-1.008 60-5.136l77.616 51.744a19.296 19.296 0 0 0 8.16 2.064c8.352 0 15.6-6.24 15.6-16.56v-76.56c73.44-45.552 122.064-120 122.064-203.808 0-51.168-17.856-98.736-48.528-138.24z"
                    fill="#256efb"
                    p-id="4964"
                  ></path>
                </svg>
                <h3>围观讨论</h3>
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
              </button>
            </li>
            <li>
              <img class="image1" src="../images/17.png" alt="" />
              <h1>Hadoop</h1>
              <span>热门指数</span>
              <h2>
                12,542<svg
                  t="1650034408940"
                  class="icon1"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="6027"
                  width="16"
                  height="16"
                >
                  <path
                    d="M786.295467 485.000533l-6.126934 2.082134v-18.295467h6.024534l0.1024 16.213333zM221.5424 485.239467h-8.9088l-0.085333-16.247467 8.994133-0.512v16.759467z"
                    fill="#1afa29"
                    p-id="6028"
                  ></path>
                  <path
                    d="M784.469333 480.290133L504.456533 178.978133a6.826667 6.826667 0 0 0-10.001066 0L214.459733 480.290133a6.826667 6.826667 0 0 0 5.922134 11.4176l158.1056-21.435733L358.4 853.333333v16.162134a6.826667 6.826667 0 0 0 6.826667 7.168h268.356266a6.826667 6.826667 0 0 0 6.826667-7.168l-0.119467-16.3328-19.848533-382.8736 158.122667 21.418666a6.826667 6.826667 0 0 0 5.922133-11.4176z"
                    fill="#1afa29"
                    p-id="6029"
                  ></path>
                  <path
                    d="M191.3344 734.6176l103.031467 72.789333 103.048533-72.789333a127.197867 127.197867 0 0 0-206.097067 0z"
                    fill="#1afa29"
                    p-id="6030"
                  ></path>
                  <path
                    d="M294.382933 681.984a127.010133 127.010133 0 0 1 103.048534 52.6336l-103.048534 72.789333-103.031466-72.789333a127.010133 127.010133 0 0 1 103.048533-52.6336m0-10.24a137.915733 137.915733 0 0 0-111.342933 56.849067 10.24 10.24 0 0 0 2.269866 14.2848l0.136534 0.1024L288.426667 815.786667a10.24 10.24 0 0 0 11.810133 0l103.031467-72.772267a10.24 10.24 0 0 0 2.4064-14.3872 137.915733 137.915733 0 0 0-111.342934-56.849067z"
                    fill="#1afa29"
                    p-id="6031"
                  ></path>
                  <path
                    d="M384.1536 444.142933h1.5872l-20.48 409.6h268.2368l-20.48-409.6"
                    fill="#1afa29"
                    p-id="6032"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l20.48-409.6 5.239467 0.256v-6.826667h1.5872a6.826667 6.826667 0 0 1 6.826666 7.168l-20.1216 402.432H626.346667l-20.1216-402.432 13.653333-0.682666 20.48 409.6a6.826667 6.826667 0 0 1-6.826667 7.168z"
                    fill="#1afa29"
                    p-id="6033"
                  ></path>
                  <path
                    d="M613.0176 446.276267l166.365867 22.545066L499.387733 167.509333 219.374933 468.821333l164.778667-22.545066"
                    fill="#1afa29"
                    p-id="6034"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l19.968-399.240533-158.122667 21.435733a6.826667 6.826667 0 0 1-5.922133-11.4176L494.370133 162.8672a6.826667 6.826667 0 0 1 10.001067 0L784.384 464.213333a6.826667 6.826667 0 0 1-5.922133 11.4176l-158.122667-21.418666L640.3072 853.333333a6.826667 6.826667 0 0 1-6.826667 7.168z m-261.12-13.653333H626.346667L606.3104 446.634667a6.826667 6.826667 0 0 1 7.7312-7.099734l147.3536 19.950934L499.370667 177.493333 237.3632 459.485867l147.3536-19.968a6.826667 6.826667 0 0 1 7.7312 7.099733z"
                    fill="#1afa29"
                    p-id="6035"
                  ></path>
                  <path
                    d="M557.3632 617.5744l149.5552 105.659733 149.572267-105.659733a184.644267 184.644267 0 0 0-299.1616 0z"
                    fill="#1afa29"
                    p-id="6036"
                  ></path>
                  <path
                    d="M706.935467 541.184a184.32 184.32 0 0 1 149.572266 76.3904l-149.572266 105.659733-149.5552-105.659733a184.32 184.32 0 0 1 149.572266-76.3904m0-10.24a194.56 194.56 0 0 0-157.866666 80.622933 10.24 10.24 0 0 0 2.184533 14.2336l0.221867 0.1536 149.5552 105.659734a10.24 10.24 0 0 0 11.810133 0l149.5552-105.642667a10.24 10.24 0 0 0 2.4064-14.3872 194.56 194.56 0 0 0-157.866667-80.622933z"
                    fill="#1afa29"
                    p-id="6037"
                  ></path>
                </svg>
              </h2>
              <button>
                <svg
                  t="1650034292952"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="4963"
                  width="16"
                  height="16"
                >
                  <path
                    d="M484.112 32.864C234.224 32.864 32 208.736 32 425.744c0 133.104 77.28 251.52 193.92 323.76v121.68c0 16.416 11.52 26.304 24.72 26.304a30.624 30.624 0 0 0 13.152-3.312l123.264-82.176c31.248 6.576 62.496 8.256 95.376 8.256 249.84 0 452.016-175.92 452.016-392.88 1.68-218.64-200.496-394.56-450.384-394.56z m0 721.632c-27.984 0-55.92-3.312-83.856-8.256l-13.152-3.264a33.936 33.936 0 0 0-24.672 4.944l-11.52 8.16-59.136 39.504v-64.128c0-11.52-6.576-23.04-16.464-27.936l-16.416-9.84c-101.952-60.864-162.72-161.136-162.72-266.304 0-180.816 172.608-327.12 386.256-327.12 213.744 0 386.304 146.304 386.304 327.12 1.68 179.136-172.56 327.12-384.624 327.12z m-256.464-317.28a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m205.488 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m198.912 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m311.376 84.96c-0.96-1.248-2.016-2.4-3.024-3.648a376.896 376.896 0 0 1-29.856 77.28c0.48 1.2 1.2 2.304 1.68 3.504 8.64 19.776 13.296 41.184 13.296 63.456 0 59.136-34.176 115.488-91.44 149.616l-9.216 5.568a17.856 17.856 0 0 0-9.264 15.696v36l-33.216-22.176-6.48-4.608c-4.608-2.736-9.216-3.696-13.824-2.736l-7.392 1.824a244.944 244.944 0 0 1-151.104-18.24c-30.72 7.2-62.592 11.664-95.424 13.248 51.408 44.304 122.16 71.664 200.352 71.664 20.688 0 40.32-1.008 60-5.136l77.616 51.744a19.296 19.296 0 0 0 8.16 2.064c8.352 0 15.6-6.24 15.6-16.56v-76.56c73.44-45.552 122.064-120 122.064-203.808 0-51.168-17.856-98.736-48.528-138.24z"
                    fill="#256efb"
                    p-id="4964"
                  ></path>
                </svg>
                <h3>围观讨论</h3>
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
              </button>
            </li>
            <li>
              <img class="image1" src="../images/21.png" alt="" />
              <h1>Redis</h1>
              <span>热门指数</span>
              <h2>
                20,107<svg
                  t="1650034408940"
                  class="icon1"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="6027"
                  width="16"
                  height="16"
                >
                  <path
                    d="M786.295467 485.000533l-6.126934 2.082134v-18.295467h6.024534l0.1024 16.213333zM221.5424 485.239467h-8.9088l-0.085333-16.247467 8.994133-0.512v16.759467z"
                    fill="#1afa29"
                    p-id="6028"
                  ></path>
                  <path
                    d="M784.469333 480.290133L504.456533 178.978133a6.826667 6.826667 0 0 0-10.001066 0L214.459733 480.290133a6.826667 6.826667 0 0 0 5.922134 11.4176l158.1056-21.435733L358.4 853.333333v16.162134a6.826667 6.826667 0 0 0 6.826667 7.168h268.356266a6.826667 6.826667 0 0 0 6.826667-7.168l-0.119467-16.3328-19.848533-382.8736 158.122667 21.418666a6.826667 6.826667 0 0 0 5.922133-11.4176z"
                    fill="#1afa29"
                    p-id="6029"
                  ></path>
                  <path
                    d="M191.3344 734.6176l103.031467 72.789333 103.048533-72.789333a127.197867 127.197867 0 0 0-206.097067 0z"
                    fill="#1afa29"
                    p-id="6030"
                  ></path>
                  <path
                    d="M294.382933 681.984a127.010133 127.010133 0 0 1 103.048534 52.6336l-103.048534 72.789333-103.031466-72.789333a127.010133 127.010133 0 0 1 103.048533-52.6336m0-10.24a137.915733 137.915733 0 0 0-111.342933 56.849067 10.24 10.24 0 0 0 2.269866 14.2848l0.136534 0.1024L288.426667 815.786667a10.24 10.24 0 0 0 11.810133 0l103.031467-72.772267a10.24 10.24 0 0 0 2.4064-14.3872 137.915733 137.915733 0 0 0-111.342934-56.849067z"
                    fill="#1afa29"
                    p-id="6031"
                  ></path>
                  <path
                    d="M384.1536 444.142933h1.5872l-20.48 409.6h268.2368l-20.48-409.6"
                    fill="#1afa29"
                    p-id="6032"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l20.48-409.6 5.239467 0.256v-6.826667h1.5872a6.826667 6.826667 0 0 1 6.826666 7.168l-20.1216 402.432H626.346667l-20.1216-402.432 13.653333-0.682666 20.48 409.6a6.826667 6.826667 0 0 1-6.826667 7.168z"
                    fill="#1afa29"
                    p-id="6033"
                  ></path>
                  <path
                    d="M613.0176 446.276267l166.365867 22.545066L499.387733 167.509333 219.374933 468.821333l164.778667-22.545066"
                    fill="#1afa29"
                    p-id="6034"
                  ></path>
                  <path
                    d="M633.4976 860.5696H365.226667a6.826667 6.826667 0 0 1-6.826667-7.168l19.968-399.240533-158.122667 21.435733a6.826667 6.826667 0 0 1-5.922133-11.4176L494.370133 162.8672a6.826667 6.826667 0 0 1 10.001067 0L784.384 464.213333a6.826667 6.826667 0 0 1-5.922133 11.4176l-158.122667-21.418666L640.3072 853.333333a6.826667 6.826667 0 0 1-6.826667 7.168z m-261.12-13.653333H626.346667L606.3104 446.634667a6.826667 6.826667 0 0 1 7.7312-7.099734l147.3536 19.950934L499.370667 177.493333 237.3632 459.485867l147.3536-19.968a6.826667 6.826667 0 0 1 7.7312 7.099733z"
                    fill="#1afa29"
                    p-id="6035"
                  ></path>
                  <path
                    d="M557.3632 617.5744l149.5552 105.659733 149.572267-105.659733a184.644267 184.644267 0 0 0-299.1616 0z"
                    fill="#1afa29"
                    p-id="6036"
                  ></path>
                  <path
                    d="M706.935467 541.184a184.32 184.32 0 0 1 149.572266 76.3904l-149.572266 105.659733-149.5552-105.659733a184.32 184.32 0 0 1 149.572266-76.3904m0-10.24a194.56 194.56 0 0 0-157.866666 80.622933 10.24 10.24 0 0 0 2.184533 14.2336l0.221867 0.1536 149.5552 105.659734a10.24 10.24 0 0 0 11.810133 0l149.5552-105.642667a10.24 10.24 0 0 0 2.4064-14.3872 194.56 194.56 0 0 0-157.866667-80.622933z"
                    fill="#1afa29"
                    p-id="6037"
                  ></path>
                </svg>
              </h2>
              <button>
                <svg
                  t="1650034292952"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="4963"
                  width="16"
                  height="16"
                >
                  <path
                    d="M484.112 32.864C234.224 32.864 32 208.736 32 425.744c0 133.104 77.28 251.52 193.92 323.76v121.68c0 16.416 11.52 26.304 24.72 26.304a30.624 30.624 0 0 0 13.152-3.312l123.264-82.176c31.248 6.576 62.496 8.256 95.376 8.256 249.84 0 452.016-175.92 452.016-392.88 1.68-218.64-200.496-394.56-450.384-394.56z m0 721.632c-27.984 0-55.92-3.312-83.856-8.256l-13.152-3.264a33.936 33.936 0 0 0-24.672 4.944l-11.52 8.16-59.136 39.504v-64.128c0-11.52-6.576-23.04-16.464-27.936l-16.416-9.84c-101.952-60.864-162.72-161.136-162.72-266.304 0-180.816 172.608-327.12 386.256-327.12 213.744 0 386.304 146.304 386.304 327.12 1.68 179.136-172.56 327.12-384.624 327.12z m-256.464-317.28a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m205.488 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m198.912 0a54.24 54.24 0 1 0 108.48 0 54.24 54.24 0 0 0-108.48 0z m311.376 84.96c-0.96-1.248-2.016-2.4-3.024-3.648a376.896 376.896 0 0 1-29.856 77.28c0.48 1.2 1.2 2.304 1.68 3.504 8.64 19.776 13.296 41.184 13.296 63.456 0 59.136-34.176 115.488-91.44 149.616l-9.216 5.568a17.856 17.856 0 0 0-9.264 15.696v36l-33.216-22.176-6.48-4.608c-4.608-2.736-9.216-3.696-13.824-2.736l-7.392 1.824a244.944 244.944 0 0 1-151.104-18.24c-30.72 7.2-62.592 11.664-95.424 13.248 51.408 44.304 122.16 71.664 200.352 71.664 20.688 0 40.32-1.008 60-5.136l77.616 51.744a19.296 19.296 0 0 0 8.16 2.064c8.352 0 15.6-6.24 15.6-16.56v-76.56c73.44-45.552 122.064-120 122.064-203.808 0-51.168-17.856-98.736-48.528-138.24z"
                    fill="#256efb"
                    p-id="4964"
                  ></path>
                </svg>
                <h3>围观讨论</h3>
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
                <img class="image2" src="../images/1.jpg" alt="" />
              </button>
            </li>
          </ul>
        </div>
      </el-col>
      <el-col :span="6">
        <div class="progress">
          <h1>我的进度（50%）</h1>
          <el-progress
            :text-inside="true"
            :stroke-width="15"
            :percentage="50"
            style="width: 255px; margin: -8em 2em"
          ></el-progress>
          <div class="charts" ref="charts"></div>
        </div>
        <van-sticky :offset-top="1">
          <div class="course">
            <h1>我的课程</h1>
            <div class="courses">
              <div class="c">
                <div class="image">
                  <img src="../images/9.png" alt="" />
                </div>
                <h2 class="h1">JavaSE(50%)</h2>
                <el-progress
                  :text-inside="true"
                  :stroke-width="15"
                  :percentage="50"
                  style="width: 150px"
                  class="p1"
                ></el-progress>
              </div>
              <div class="c">
                <div class="image">
                  <img src="../images/10.png" alt="" />
                </div>
                <h2 class="h2">MySQL(80%)</h2>
                <el-progress
                  :text-inside="true"
                  :stroke-width="15"
                  :percentage="80"
                  style="width: 150px"
                  class="p2"
                ></el-progress>
              </div>
              <div class="c">
                <div class="image">
                  <img src="../images/25.png" alt="" />
                </div>
                <h2 class="h1">JavaScript(30%)</h2>
                <el-progress
                  :text-inside="true"
                  :stroke-width="15"
                  :percentage="30"
                  style="width: 150px"
                  class="p1"
                ></el-progress>
              </div>
              <div class="c">
                <div class="image">
                  <img src="../images/26.png" alt="" />
                </div>
                <h2 class="h2">Linux(60%)</h2>
                <el-progress
                  :text-inside="true"
                  :stroke-width="15"
                  :percentage="60"
                  style="width: 150px"
                  class="p2"
                ></el-progress>
              </div>
            </div>
          </div>
        </van-sticky>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import * as echarts from "echarts";

export default {
  name: "StudyWay",
  mounted() {
    let myChart = echarts.init(this.$refs.charts);
    var option = {
      title: {
        text: "Customized Pie",
        left: "center",
        top: 20,
        textStyle: {
          color: "#ccc",
        },
      },
      tooltip: {
        trigger: "item",
      },
      visualMap: {
        show: false,
        min: 80,
        max: 600,
        inRange: {
          colorLightness: [0, 1],
        },
      },
      series: [
        {
          name: "Access From",
          type: "pie",
          radius: "55%",
          center: ["50%", "50%"],
          data: [
            { value: 335, name: "Direct" },
            { value: 310, name: "Email" },
            { value: 274, name: "Union Ads" },
            { value: 235, name: "Video Ads" },
            { value: 400, name: "Search Engine" },
          ].sort(function (a, b) {
            return a.value - b.value;
          }),
          roseType: "radius",
          label: {
            color: "rgba(255, 255, 255, 0.3)",
          },
          labelLine: {
            lineStyle: {
              color: "rgba(255, 255, 255, 0.3)",
            },
            smooth: 0.2,
            length: 10,
            length2: 20,
          },
          itemStyle: {
            color: "#c23531",
            shadowBlur: 200,
            shadowColor: "rgba(0, 0, 0, 0.5)",
          },
          animationType: "scale",
          animationEasing: "elasticOut",
          animationDelay: function (idx) {
            return Math.random() * 200;
          },
        },
      ],
    };
    myChart.setOption(option);
  },
  data() {
    return {
      List: [
        {
          name: "全部",
        },
        {
          name: "前端",
        },
        {
          name: "后端",
        },
        {
          name: "大数据",
        },
      ],
      Item: "",
      Index: 0,
      imagebox: [
        { id: 0, idView: require("@/assets/imagebox/1.jpg") },
        { id: 1, idView: require("@/assets/imagebox/2.jpg") },
        { id: 2, idView: require("@/assets/imagebox/3.jpg") },
        { id: 3, idView: require("@/assets/imagebox/4.jpg") },
        { id: 4, idView: require("@/assets/imagebox/5.jpg") },
      ],
    };
  },
  methods: {
    Status(item, index) {
      this.Item = item.name;
      this.Index = index;
    },
  },
};
</script>

<style lang="less" scoped>
.studyway {
  position: relative;
  padding: 1em;
  margin: 0em auto;
  width: 80%;
  color: white;
  z-index: 0;
  .el-row {
    height: 50em;
    .slideshow {
      padding: 0.7em 0;
      img {
        width: 100%;
        height: 100%;
      }
      /deep/ .el-carousel__arrow i {
        position: absolute;
        margin: -0.5em;
      }
      /deep/ .el-carousel__indicators--outside {
        position: absolute;
        top: 0em;
        display: none;
      }
      .el-carousel__item h3 {
        color: #475669;
        font-size: 14px;
        opacity: 0.75;
        line-height: 200px;
        margin: 0;
      }

      .el-carousel__item:nth-child(2n) {
        background-color: #99a9bf;
      }

      .el-carousel__item:nth-child(2n + 1) {
        background-color: #d3dce6;
      }
    }
    .way {
      margin-top: 1.5em;
      height: 5.5em;
      background-color: #36393f;
      border-radius: 16px;
      h1 {
        position: absolute;
        margin: -3em 2em;
        font-size: 15px;
        color: #e2e3e7;
      }
      .b {
        position: relative;
        left: 7em;
        float: left;
        margin: -3.7em 0;
        .el-button {
          display: inline-block;
          margin: 0 1.5em;
          background-color: #292c32;
          border: none;
          width: 100px;
          height: 40px;
          border-radius: 20px;
        }
        .b1 {
          background-color: white;
          color: #292c32;
        }
        .b2 {
          color: #e2e3e7;
          background-color: #292c32;
        }
      }
      .icons {
        position: absolute;
        width: 30px;
        height: 30px;
        margin: 1.5em 3.5em;
      }
      ul {
        float: left;
        margin: 7em -47.3em;
        width: 109%;
        li {
          float: left;
          width: 14.7em;
          height: 15.5em;
          margin: 0 2em 2em 0;
          background-color: #36393f;
          border-radius: 15px;
          &:hover {
            transform: translateY(-4px);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
          }
          .image1 {
            position: absolute;
            margin: 1.3em -6em;
            width: 50px;
            height: 50px;
          }
          h1 {
            margin: 0.3em 1em;
            font-size: 18px;
          }
          span {
            position: absolute;
            margin: 2.8em -6em;
          }
          h2 {
            position: absolute;
            font-size: 10px;
            margin: 3.4em 7.5em;
          }
          .icon1 {
            position: absolute;
            margin: 7.1em 0.8em;
          }
          button {
            width: 13em;
            height: 2.8em;
            line-height: 2.8em;
            position: absolute;
            margin: 11.2em -6.5em;
            border: none;
            border-radius: 10px;
            background-image: -moz-linear-gradient(
              90deg,
              rgb(221, 255, 204),
              rgb(200, 244, 255)
            );

            background-image: -webkit-linear-gradient(
              90deg,
              rgb(221, 255, 204),
              rgb(200, 244, 255)
            );

            background-image: linear-gradient(
              90deg,
              rgb(221, 255, 204),
              rgb(200, 244, 255)
            );
            .icon {
              margin: 0.6em 0 0 0.7em;
              float: left;
              width: 20px;
              height: 20px;
            }
            h3 {
              float: left;
              margin: 0.2em -1em 0 0.7em;
              font-size: 10px;
              color: #256efb;
            }
            img {
              width: 2em;
              height: 2em;
              border-radius: 50%;
              margin: 0.5em -0.6em 0 0;
            }
          }
        }
      }
    }
    .progress {
      border-radius: 16px;
      background-color: #36393f;
      width: 25.5em;
      height: 26em;
      h1 {
        position: relative;
        top: -3em;
        font-size: 15px;
        color: #e2e3e7;
      }
      .charts {
        width: 300px;
        height: 300px;
        margin: 7em 0;
      }
    }
    /deep/ .van-sticky--fixed {
      left: 80em;
    }
    .course {
      margin: 1.5em 0;
      border-radius: 16px;
      width: 25.5em;
      height: 42.5em;
      background-color: #36393f;
      h1 {
        position: absolute;
        margin: -3.5em 1.5em;
        font-size: 15px;
        color: #e2e3e7;
      }
      .courses {
        position: absolute;
        margin-top: 2.5em;
        .c {
          border-radius: 16px;
          width: 22em;
          height: 7.5em;
          margin: 2em 1.5em;
          background-color: #292c32;
          &:hover {
            transform: translateY(-4px);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
          }
          .image {
            position: absolute;
            border-radius: 16px;
            width: 5em;
            height: 6em;
            margin: 0.75em 1em;
            background-color: #36393f;
            img {
              position: absolute;
              width: 100%;
              height: 100%;
              border-radius: 10px;
              margin: 0 -2.5em;
            }
          }
          .h1 {
            position: absolute;
            margin: -3em 6.5em;
          }
          .p1 {
            position: absolute;
            margin: 4.5em 7.8em;
          }
          .h2 {
            position: absolute;
            margin: -3em 6.7em;
          }
          .p2 {
            position: absolute;
            margin: 4.5em 7.7em;
          }
        }
      }
    }
  }
}
</style>